diff --git a/src/components/Icon.vue b/src/components/Icon.vue
new file mode 100644
index 00000000..8d5864f4
--- /dev/null
+++ b/src/components/Icon.vue
@@ -0,0 +1,50 @@
+<template>
+  <component
+    v-bind="$attrs"
+    v-on="$listeners"
+    :is="iconComponent"
+    :class="iconClasses"
+  />
+</template>
+
+<script>
+const components = {};
+const requireComponent = require.context('./Icons', true, /\w+\.(vue)$/);
+
+requireComponent.keys().forEach(fileName => {
+  const componentConfig = requireComponent(fileName);
+
+  let match = fileName.match(/\.\/(\d+)\/((\w|-)+).vue/);
+  let [_, size, name] = match || [];
+
+  if (name) {
+    components[size] = components[size] || {};
+    components[size][name] = componentConfig.default || componentConfig;
+  }
+});
+
+export default {
+  name: 'Icon',
+  props: ['size', 'name'],
+  computed: {
+    iconComponent() {
+      try {
+        return components[this.size][this.name];
+      } catch (error) {
+        return null;
+      }
+    },
+    iconClasses() {
+      let sizeClass = {
+        '8': 'w-2 h-2',
+        '12': 'w-3 h-3',
+        '16': 'w-4 h-4',
+        '18': 'w-5 h-5',
+        '24': 'w-6 h-6'
+      }[this.size];
+
+      return [sizeClass, 'fill-current'];
+    }
+  }
+};
+</script>
diff --git a/src/components/Icons/12/arrow-left-right.vue b/src/components/Icons/12/arrow-left-right.vue
new file mode 100644
index 00000000..8be7bb48
--- /dev/null
+++ b/src/components/Icons/12/arrow-left-right.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 11">
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M2.25 2.25L9 2.25 2.25 2.25 2.25 4.5 0 2.25 2.25 0 2.25 2.25zM8.75 7.875L2 7.875 8.75 7.875 8.75 5.625 11 7.875 8.75 10.125 8.75 7.875z"
+      transform="translate(.5)"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/12/drag-handle.vue b/src/components/Icons/12/drag-handle.vue
new file mode 100644
index 00000000..ac2127f8
--- /dev/null
+++ b/src/components/Icons/12/drag-handle.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 12">
+    <path
+      d="M3.375,3 C2.54657288,3 1.875,2.32842712 1.875,1.5 C1.875,0.671572875 2.54657288,0 3.375,0 C4.20342712,0 4.875,0.671572875 4.875,1.5 C4.875,2.32842712 4.20342712,3 3.375,3 Z M3.375,12 C2.54657288,12 1.875,11.3284271 1.875,10.5 C1.875,9.67157288 2.54657288,9 3.375,9 C4.20342712,9 4.875,9.67157288 4.875,10.5 C4.875,11.3284271 4.20342712,12 3.375,12 Z M3.375,7.5 C2.54657288,7.5 1.875,6.82842712 1.875,6 C1.875,5.17157288 2.54657288,4.5 3.375,4.5 C4.20342712,4.5 4.875,5.17157288 4.875,6 C4.875,6.82842712 4.20342712,7.5 3.375,7.5 Z M8.625,3 C7.79657288,3 7.125,2.32842712 7.125,1.5 C7.125,0.671572875 7.79657288,0 8.625,0 C9.45342712,0 10.125,0.671572875 10.125,1.5 C10.125,2.32842712 9.45342712,3 8.625,3 Z M8.625,12 C7.79657288,12 7.125,11.3284271 7.125,10.5 C7.125,9.67157288 7.79657288,9 8.625,9 C9.45342712,9 10.125,9.67157288 10.125,10.5 C10.125,11.3284271 9.45342712,12 8.625,12 Z M8.625,7.5 C7.79657288,7.5 7.125,6.82842712 7.125,6 C7.125,5.17157288 7.79657288,4.5 8.625,4.5 C9.45342712,4.5 10.125,5.17157288 10.125,6 C10.125,6.82842712 9.45342712,7.5 8.625,7.5 Z"
+      transform="translate(-1)"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/12/filter.vue b/src/components/Icons/12/filter.vue
new file mode 100644
index 00000000..55168706
--- /dev/null
+++ b/src/components/Icons/12/filter.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10">
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M11.2 1.5L.8 1.5M3 5.75L9 5.75M5 10.5L7 10.5"
+      transform="translate(0 -1)"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/12/list.vue b/src/components/Icons/12/list.vue
new file mode 100644
index 00000000..93097282
--- /dev/null
+++ b/src/components/Icons/12/list.vue
@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10">
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M1.5,0.5 L10.5,0.5 C11.0522847,0.5 11.5,0.94771525 11.5,1.5 L11.5,8.5 C11.5,9.05228475 11.0522847,9.5 10.5,9.5 L1.5,9.5 C0.94771525,9.5 0.5,9.05228475 0.5,8.5 L0.5,1.5 C0.5,0.94771525 0.94771525,0.5 1.5,0.5 Z M7.5,0.5 L7.5,9.5"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/12/select.vue b/src/components/Icons/12/select.vue
new file mode 100644
index 00000000..f6de21a2
--- /dev/null
+++ b/src/components/Icons/12/select.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 10">
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M4,3.63636364 L5.63636364,2 L7.27272727,3.63636364 M4,8.36363636 L5.63636364,10 L7.27272727,8.36363636"
+      transform="translate(-3 -1)"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/12/sidebar.vue b/src/components/Icons/12/sidebar.vue
new file mode 100644
index 00000000..255ede5b
--- /dev/null
+++ b/src/components/Icons/12/sidebar.vue
@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10">
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M1.5,0.5 L10.5,0.5 C11.0522847,0.5 11.5,0.94771525 11.5,1.5 L11.5,8.5 C11.5,9.05228475 11.0522847,9.5 10.5,9.5 L1.5,9.5 C0.94771525,9.5 0.5,9.05228475 0.5,8.5 L0.5,1.5 C0.5,0.94771525 0.94771525,0.5 1.5,0.5 Z"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/16/account-in.vue b/src/components/Icons/16/account-in.vue
new file mode 100644
index 00000000..0685f954
--- /dev/null
+++ b/src/components/Icons/16/account-in.vue
@@ -0,0 +1,20 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 12">
+    <g
+      fill="none"
+      fill-rule="evenodd"
+
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      transform="translate(0 1)"
+    >
+      <g transform="rotate(180 4.5 3.5)">
+        <polyline points="0 2 2 0 4 2" />
+        <path d="M2,0 L2,7" />
+      </g>
+      <path
+        d="M3.5,1.5 L1.5,1.5 C0.94771525,1.5 0.5,1.94771525 0.5,2.5 L0.5,9.5 C0.5,10.0522847 0.94771525,10.5 1.5,10.5 L12.5,10.5 C13.0522847,10.5 13.5,10.0522847 13.5,9.5 L13.5,2.5 C13.5,1.94771525 13.0522847,1.5 12.5,1.5 L10.5,1.5"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/16/address.vue b/src/components/Icons/16/address.vue
new file mode 100644
index 00000000..8b40131b
--- /dev/null
+++ b/src/components/Icons/16/address.vue
@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16">
+    <path
+      fill="#415668"
+      d="M8.04916643,0 C4.12177371,0 1,3.09516381 1,6.98907956 C1,8.88611544 1.70491664,10.6833073 3.11474993,11.9812793 C3.21545231,12.0811232 7.24354741,15.675507 7.34424979,15.775351 C7.7470593,16.074883 8.35127356,16.074883 8.6533807,15.775351 C8.75408308,15.675507 12.8828806,12.0811232 12.8828806,11.9812793 C14.2927138,10.6833073 14.9976305,8.88611544 14.9976305,6.98907956 C15.0983329,3.09516381 11.9765592,0 8.04916643,0 Z M8,9 C6.9,9 6,8.1 6,7 C6,5.9 6.9,5 8,5 C9.1,5 10,5.9 10,7 C10,8.1 9.1,9 8,9 Z"
+      transform="translate(-1)"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/16/assets.vue b/src/components/Icons/16/assets.vue
new file mode 100644
index 00000000..64ea9bed
--- /dev/null
+++ b/src/components/Icons/16/assets.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g fill="none" fill-rule="evenodd">
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M15.3333333,5.33333333 L0.666666667,5.33333333 C0.298666667,5.33333333 0,5.632 0,6 L0,15.3333333 C0,15.7013333 0.298666667,16 0.666666667,16 L15.3333333,16 C15.7013333,16 16,15.7013333 16,15.3333333 L16,6 C16,5.632 15.7013333,5.33333333 15.3333333,5.33333333 Z M8,12.6666667 C6.89533333,12.6666667 6,11.7713333 6,10.6666667 C6,9.562 6.89533333,8.66666667 8,8.66666667 C9.10466667,8.66666667 10,9.562 10,10.6666667 C10,11.7713333 9.10466667,12.6666667 8,12.6666667 Z"
+      />
+      <path
+        fill="#A1ABB4"
+        d="M2,2.66666667 L14,2.66666667 L14,4 L2,4 L2,2.66666667 Z M4.66666667,1.51767487e-13 L11.3333333,1.51767487e-13 L11.3333333,1.33333333 L4.66666667,1.33333333 L4.66666667,1.51767487e-13 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/16/calendar.vue b/src/components/Icons/16/calendar.vue
new file mode 100644
index 00000000..4d395912
--- /dev/null
+++ b/src/components/Icons/16/calendar.vue
@@ -0,0 +1,11 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 12">
+    <g fill="none" fill-rule="evenodd"   transform="translate(.5 -1.5)">
+      <path
+        d="M.5 5.5L.5 10.4361148C.5 11.1734491.553979991 11.4529804.708039303 11.7410463.835746496 11.979838 1.02016204 12.1642535 1.25895373 12.2919607 1.54701959 12.44602 1.82655093 12.5 2.5638852 12.5L10.4361148 12.5C11.1734491 12.5 11.4529804 12.44602 11.7410463 12.2919607 11.979838 12.1642535 12.1642535 11.979838 12.2919607 11.7410463 12.44602 11.4529804 12.5 11.1734491 12.5 10.4361148L12.5 5.5.5 5.5zM.5 5.5L12.5 5.5 12.5 4.5638852C12.5 3.82655093 12.44602 3.54701959 12.2919607 3.25895373 12.1642535 3.02016204 11.979838 2.8357465 11.7410463 2.7080393 11.4529804 2.55397999 11.1734491 2.5 10.4361148 2.5L2.5638852 2.5C1.82655093 2.5 1.54701959 2.55397999 1.25895373 2.7080393 1.02016204 2.8357465.835746496 3.02016204.708039303 3.25895373.553979991 3.54701959.5 3.82655093.5 4.5638852L.5 5.5z"
+      />
+      <path />
+      <path />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/16/circle.vue b/src/components/Icons/16/circle.vue
new file mode 100644
index 00000000..4190b7a3
--- /dev/null
+++ b/src/components/Icons/16/circle.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
+    <circle cx="8" cy="8" r="3.5" fill="none"   transform="translate(-4 -4)" />
+  </svg>
+</template>
diff --git a/src/components/Icons/16/down-small.vue b/src/components/Icons/16/down-small.vue
new file mode 100644
index 00000000..508c9b08
--- /dev/null
+++ b/src/components/Icons/16/down-small.vue
@@ -0,0 +1,12 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 4">
+    <polyline
+      fill="none"
+
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      points="4 6 8 10 12 6"
+      transform="translate(-3 -6)"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/16/down.vue b/src/components/Icons/16/down.vue
new file mode 100644
index 00000000..2f0e425e
--- /dev/null
+++ b/src/components/Icons/16/down.vue
@@ -0,0 +1,13 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 9">
+    <polyline
+      fill="none"
+
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="1.5"
+      points="1 5 8 12 15 5"
+      transform="translate(0 -4)"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/16/expenses.vue b/src/components/Icons/16/expenses.vue
new file mode 100644
index 00000000..691dca8e
--- /dev/null
+++ b/src/components/Icons/16/expenses.vue
@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16">
+    <path
+      fill="#415668"
+      d="M12.0016667,2 L14.6683333,0 L14.6683333,15.3333333 C14.6683333,15.702 14.3696667,16 14.0016667,16 L2.00166667,16 C1.63366667,16 1.335,15.702 1.335,15.3333333 L1.335,0 L4.00166667,2 L6.00166667,0 L8.00166667,2 L10.0016667,0 L12.0016667,2 Z M10.9599376,6.36932491 L9.74971145,6.36932491 C9.68579106,5.97727983 9.54090483,5.62358698 9.31931413,5.32529181 L10.6616424,5.33381453 L10.9641989,4.272736 L5.38607925,4.272736 L5.075,5.40625765 L6.69431664,5.40625765 C7.62755438,5.40625765 8.16874705,5.76847321 8.36476959,6.36932491 L5.37329517,6.36932491 L5.075,7.42188072 L8.39886047,7.42188072 C8.22414472,8.09517554 7.63181574,8.46591382 6.69431664,8.46591382 L5.18153399,8.46591382 L5.19005671,9.29687894 L8.24119016,13.0000004 L9.79658641,13.0000004 L9.79658641,12.9275573 L7.00965725,9.51420827 C8.76107603,9.40767428 9.58351843,8.57244781 9.75823417,7.42188072 L10.6616424,7.42188072 L10.9599376,6.36932491 Z"
+      transform="translate(-1)"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/16/income.vue b/src/components/Icons/16/income.vue
new file mode 100644
index 00000000..b6fbd64f
--- /dev/null
+++ b/src/components/Icons/16/income.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g fill="none" fill-rule="evenodd">
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M11.3333333,10.6666667 C13.3006667,10.6666667 14.9353333,10.2406667 16,9.52533333 C16,10.0226667 16,10.3506667 16,10.6666667 C16,11.7713333 13.9106667,12.6666667 11.3333333,12.6666667 C8.756,12.6666667 6.66666667,11.7713333 6.66666667,10.6666667 C6.66666667,10.3506667 6.66666667,10.0226667 6.66666667,9.52533333 C7.73133333,10.2406667 9.366,10.6666667 11.3333333,10.6666667 Z M11.3333333,14 C13.3006667,14 14.9353333,13.574 16,12.8586667 C16,13.356 16,13.684 16,14 C16,15.1046667 13.9106667,16 11.3333333,16 C8.756,16 6.66666667,15.1046667 6.66666667,14 C6.66666667,13.684 6.66666667,13.356 6.66666667,12.8586667 C7.73133333,13.574 9.366,14 11.3333333,14 Z M11.3333333,9.33333333 C8.7560045,9.33333333 6.66666667,8.43790283 6.66666667,7.33333333 C6.66666667,6.22876383 8.7560045,5.33333333 11.3333333,5.33333333 C13.9106622,5.33333333 16,6.22876383 16,7.33333333 C16,8.43790283 13.9106622,9.33333333 11.3333333,9.33333333 Z"
+      />
+      <path
+        fill="#A1ABB4"
+        d="M4.66666667,4 C2.08933783,4 2.48689958e-14,3.1045695 2.48689958e-14,2 C2.48689958e-14,0.8954305 2.08933783,0 4.66666667,0 C7.2439955,0 9.33333333,0.8954305 9.33333333,2 C9.33333333,3.1045695 7.2439955,4 4.66666667,4 Z M5.33333333,11.982 L5.33333333,13.9773333 C5.11533333,13.9906667 4.89333333,14 4.66666667,14 C2.08933333,14 2.44249065e-14,13.1046667 2.44249065e-14,12 C2.44249065e-14,11.684 2.44249065e-14,11.356 2.44249065e-14,10.8586667 C1.06466667,11.574 2.69933333,12 4.66666667,12 C4.894,12 5.11533333,11.9926667 5.33333333,11.982 Z M5.33333333,8.64866667 L5.33333333,10.644 C5.11533333,10.6573333 4.89333333,10.6666667 4.66666667,10.6666667 C2.08933333,10.6666667 2.44249065e-14,9.77133333 2.44249065e-14,8.66666667 C2.44249065e-14,8.35066667 2.44249065e-14,8.02266667 2.44249065e-14,7.52533333 C1.06466667,8.24066667 2.69933333,8.66666667 4.66666667,8.66666667 C4.894,8.66666667 5.11533333,8.65933333 5.33333333,8.64866667 Z M6.61333333,5.17733333 C5.80666667,5.73733333 5.34333333,6.46866667 5.33533333,7.31066667 C5.116,7.324 4.894,7.33333333 4.66666667,7.33333333 C2.08933333,7.33333333 -5.57776048e-13,6.438 -5.57776048e-13,5.33333333 C-5.57776048e-13,5.01733333 -5.57776048e-13,4.68933333 -5.57776048e-13,4.192 C1.06466667,4.90733333 2.69933333,5.33333333 4.66666667,5.33333333 C5.36133333,5.33333333 6.012,5.27733333 6.61333333,5.17733333 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/16/items.vue b/src/components/Icons/16/items.vue
new file mode 100644
index 00000000..d2b26fdd
--- /dev/null
+++ b/src/components/Icons/16/items.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g fill="none" fill-rule="evenodd">
+      <path
+        fill="#A1ABB4"
+        d="M15.3333333,0.5 L0.666666667,0.5 C0.298666667,0.5 0,0.798666667 0,1.16666667 L0,3.83333333 C0,4.20133333 0.298666667,4.5 0.666666667,4.5 L15.3333333,4.5 C15.7013333,4.5 16,4.20133333 16,3.83333333 L16,1.16666667 C16,0.798666667 15.7013333,0.5 15.3333333,0.5 Z"
+      />
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M14.6666667,5.83333333 L1.33333333,5.83333333 L1.33333333,14.5 C1.33333333,14.868 1.632,15.1666667 2,15.1666667 L14,15.1666667 C14.368,15.1666667 14.6666667,14.868 14.6666667,14.5 L14.6666667,5.83333333 Z M10.6666667,11.1666667 L5.33333333,11.1666667 L5.33333333,8.5 L10.6666667,8.5 L10.6666667,11.1666667 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/16/liabilities.vue b/src/components/Icons/16/liabilities.vue
new file mode 100644
index 00000000..5d75b5ac
--- /dev/null
+++ b/src/components/Icons/16/liabilities.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g fill="none" fill-rule="evenodd" transform="translate(.665)">
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M6.66666667,11.3593333 L11.3333333,7.626 L13.3333333,9.226 L13.3333333,0.666666667 C13.3333333,0.298476833 13.0348565,2.2545125e-17 12.6666667,0 L0.666666667,0 C0.298476833,-2.2545125e-17 3.0375702e-13,0.298476833 3.0375702e-13,0.666666667 L3.0375702e-13,15.3333333 C3.0375702e-13,15.7015232 0.298476833,16 0.666666667,16 L6.66666667,16 L6.66666667,11.3593333 Z M2.66666667,4 L10.6353333,4 L10.6353333,5.33333333 L2.66666667,5.33333333 L2.66666667,4 Z M5.33333333,12 L2.66666667,12 L2.66666667,10.6666667 L5.33333333,10.6666667 L5.33333333,12 Z M2.66666667,8.66666667 L2.66666667,7.33333333 L8,7.33333333 L8,8.66666667 L2.66666667,8.66666667 Z"
+      />
+      <path
+        fill="#A1ABB4"
+        d="M14.6666667,12 L11.3333333,9.33333333 L8,12 L8,15.3333333 C8,15.7015232 8.29847683,16 8.66666667,16 L10.6666667,16 L10.6666667,14 L12,14 L12,16 L14,16 C14.3681898,16 14.6666667,15.7015232 14.6666667,15.3333333 L14.6666667,12 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/16/mail.vue b/src/components/Icons/16/mail.vue
new file mode 100644
index 00000000..b84f3211
--- /dev/null
+++ b/src/components/Icons/16/mail.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14">
+    <g fill="none" fill-rule="evenodd">
+      <path
+        fill="#A1ABB4"
+        d="M15,0 L1,0 C0.4,0 0,0.4 0,1 L0,2.4 L8,6.9 L16,2.5 L16,1 C16,0.4 15.6,0 15,0 Z"
+      />
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M7.5,8.9 L0,4.7 L0,13 C0,13.6 0.4,14 1,14 L15,14 C15.6,14 16,13.6 16,13 L16,4.7 L8.5,8.9 C8.22,9.04 7.78,9.04 7.5,8.9 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/16/normal.vue b/src/components/Icons/16/normal.vue
new file mode 100644
index 00000000..56d3f53d
--- /dev/null
+++ b/src/components/Icons/16/normal.vue
@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <path
+      fill="#415668"
+      d="M8.33333333,2.66666667 L6.33333333,0 L0.666666667,0 C0.298476833,0 4.50902501e-17,0.298476833 0,0.666666667 L0,12.6666667 C1.3527075e-16,13.7712362 0.8954305,14.6666667 2,14.6666667 L14,14.6666667 C15.1045695,14.6666667 16,13.7712362 16,12.6666667 L16,3.33333333 C16,2.9651435 15.7015232,2.66666667 15.3333333,2.66666667 L8.33333333,2.66666667 Z"
+      transform="translate(0 .7)"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/16/opened.vue b/src/components/Icons/16/opened.vue
new file mode 100644
index 00000000..89c4dc0a
--- /dev/null
+++ b/src/components/Icons/16/opened.vue
@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <path
+      fill="#415668"
+      d="M15.87,4.93733333 C15.7442388,4.76701257 15.5450526,4.66655343 15.3333333,4.66666667 L3.33333333,4.66666667 C3.04059338,4.66660971 2.78206554,4.85753089 2.696,5.13733333 L1.33333333,9.566 L1.33333333,1.33333333 L4.97666667,1.33333333 L6.11,3.03666667 C6.23407563,3.22263727 6.44310609,3.33403674 6.66666667,3.33333333 L12,3.33333333 L12,4 L13.3333333,4 L13.3333333,2.66666667 C13.3333333,2.29847683 13.0348565,2 12.6666667,2 L7.02333333,2 L5.89,0.296666667 C5.76592437,0.110696061 5.55689391,-0.000703403422 5.33333333,4.44088363e-16 L0.666666667,4.44088363e-16 C0.298476833,4.44088363e-16 4.50902501e-17,0.298476833 0,0.666666667 L0,14 L0.0166666667,14 C0.0107575763,14.1407672 0.0505118079,14.2796731 0.13,14.396 C0.255761209,14.5663208 0.454947439,14.6667799 0.666666667,14.6666667 L12.6666667,14.6666667 C12.9594066,14.6667236 13.2179345,14.4758024 13.304,14.196 L15.9706667,5.52933333 C16.0329159,5.32720357 15.995561,5.1075269 15.87,4.93733333 Z"
+      transform="translate(0 .7)"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/16/phone.vue b/src/components/Icons/16/phone.vue
new file mode 100644
index 00000000..0b69c810
--- /dev/null
+++ b/src/components/Icons/16/phone.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g fill="none" fill-rule="evenodd">
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M15.285,12.305 L12.707,9.711 C12.317,9.318 11.682,9.318 11.291,9.709 L9,12 L4,7 L6.294,4.706 C6.684,4.316 6.685,3.683 6.295,3.292 L3.715,0.708 C3.324,0.317 2.691,0.317 2.3,0.708 L0.004,3.003 L0,3 C0,10.18 5.82,16 13,16 L15.283,13.717 C15.673,13.327 15.674,12.696 15.285,12.305 Z"
+      />
+      <path
+        fill="#A1ABB4"
+        d="M16,8 L14,8 C14,4.691 11.309,2 8,2 L8,0 C12.411,0 16,3.589 16,8 Z M12,8 L10,8 C10,6.897 9.103,6 8,6 L8,4 C10.206,4 12,5.794 12,8 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/16/plus.vue b/src/components/Icons/16/plus.vue
new file mode 100644
index 00000000..0e9e1293
--- /dev/null
+++ b/src/components/Icons/16/plus.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <path
+      fill="#112B42"
+      d="M15,7 L9,7 L9,1 C9,0.4 8.6,0 8,0 C7.4,0 7,0.4 7,1 L7,7 L1,7 C0.4,7 0,7.4 0,8 C0,8.6 0.4,9 1,9 L7,9 L7,15 C7,15.6 7.4,16 8,16 C8.6,16 9,15.6 9,15 L9,9 L15,9 C15.6,9 16,8.6 16,8 C16,7.4 15.6,7 15,7 Z"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/16/search.vue b/src/components/Icons/16/search.vue
new file mode 100644
index 00000000..29f1196e
--- /dev/null
+++ b/src/components/Icons/16/search.vue
@@ -0,0 +1,11 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15">
+    <path
+      fill="none"
+
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M7,13 C10.3137085,13 13,10.3137085 13,7 C13,3.6862915 10.3137085,1 7,1 C3.6862915,1 1,3.6862915 1,7 C1,10.3137085 3.6862915,13 7,13 Z M15,15 L11.242,11.242"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/18/dashboard.vue b/src/components/Icons/18/dashboard.vue
new file mode 100644
index 00000000..3fd58bd1
--- /dev/null
+++ b/src/components/Icons/18/dashboard.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g fill="none" fill-rule="evenodd" transform="translate(.7)">
+      <path
+        fill="#A1ABB4"
+        d="M6,9.33333333 L0.666666667,9.33333333 C0.298666667,9.33333333 1.95399252e-14,9.03466667 1.95399252e-14,8.66666667 L1.95399252e-14,0.666666667 C1.95399252e-14,0.298666667 0.298666667,0 0.666666667,0 L6,0 C6.368,0 6.66666667,0.298666667 6.66666667,0.666666667 L6.66666667,8.66666667 C6.66666667,9.03466667 6.368,9.33333333 6,9.33333333 Z M14,5.33333333 L8.66666667,5.33333333 C8.29866667,5.33333333 8,5.03466667 8,4.66666667 L8,0.666666667 C8,0.298666667 8.29866667,-4.4408921e-16 8.66666667,-4.4408921e-16 L14,-4.4408921e-16 C14.368,-4.4408921e-16 14.6666667,0.298666667 14.6666667,0.666666667 L14.6666667,4.66666667 C14.6666667,5.03466667 14.368,5.33333333 14,5.33333333 Z"
+      />
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M6,16 L0.666666667,16 C0.298666667,16 1.95399252e-14,15.7013333 1.95399252e-14,15.3333333 L1.95399252e-14,11.3333333 C1.95399252e-14,10.9653333 0.298666667,10.6666667 0.666666667,10.6666667 L6,10.6666667 C6.368,10.6666667 6.66666667,10.9653333 6.66666667,11.3333333 L6.66666667,15.3333333 C6.66666667,15.7013333 6.368,16 6,16 Z M14,16 L8.66666667,16 C8.29866667,16 8,15.7013333 8,15.3333333 L8,7.33333333 C8,6.96533333 8.29866667,6.66666667 8.66666667,6.66666667 L14,6.66666667 C14.368,6.66666667 14.6666667,6.96533333 14.6666667,7.33333333 L14.6666667,15.3333333 C14.6666667,15.7013333 14.368,16 14,16 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/18/property.vue b/src/components/Icons/18/property.vue
new file mode 100644
index 00000000..01a81bc9
--- /dev/null
+++ b/src/components/Icons/18/property.vue
@@ -0,0 +1,12 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <g fill="none" fill-rule="evenodd">
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M15.5246667,2.028 L8.858,0.028 C8.65616136,-0.0324717007 8.43761545,0.00603303671 8.2685973,0.131844525 C8.09957915,0.257656014 7.99998537,0.455963879 8,0.666666667 L8,4 L9.33333333,4 L9.33333333,1.56266667 L14.6666667,3.16266667 L14.6666667,14.6666667 L10.6666667,14.6666667 L10.6666667,6 C10.6666667,5.63181017 10.3681898,5.33333333 10,5.33333333 L3.33333333,5.33333333 C2.9651435,5.33333333 2.66666667,5.63181017 2.66666667,6 L2.66666667,14.6666667 L1.33333333,14.6666667 L1.33333333,8 L0.666666667,8 C0.298476833,8 4.50902501e-17,8.29847683 0,8.66666667 L0,15.3333333 C4.50902501e-17,15.7015232 0.298476833,16 0.666666667,16 L15.3333333,16 C15.7015232,16 16,15.7015232 16,15.3333333 L16,2.66666667 C16.0000204,2.3721545 15.8067889,2.11252499 15.5246667,2.028 Z M8,14 L5.33333333,14 L5.33333333,12.6666667 L8,12.6666667 L8,14 Z M8,11.3333333 L5.33333333,11.3333333 L5.33333333,10 L8,10 L8,11.3333333 Z M8,8.66666667 L5.33333333,8.66666667 L5.33333333,7.33333333 L8,7.33333333 L8,8.66666667 Z"
+      />
+      <rect width="1.333" height="8" x="12" y="5.333" fill="#A1ABB4" />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/18/purchase.vue b/src/components/Icons/18/purchase.vue
new file mode 100644
index 00000000..89796b4e
--- /dev/null
+++ b/src/components/Icons/18/purchase.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 18">
+    <g fill="none" fill-rule="evenodd" transform="translate(0 .5)">
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M0,4.3972168 L16,4.3972168 L16,15 C16,16.1045695 15.1045695,17 14,17 L2,17 C0.8954305,17 1.3527075e-16,16.1045695 0,15 L0,4.3972168 Z M8,12.2222222 C10.4,12.2222222 12.3636364,10.2722222 12.3636364,7.88888889 C12.3636364,7.45555556 12.0727273,7.16666667 11.6363636,7.16666667 C11.2,7.16666667 10.9090909,7.45555556 10.9090909,7.88888889 C10.9090909,9.47777778 9.6,10.7777778 8,10.7777778 C6.4,10.7777778 5.09090909,9.47777778 5.09090909,7.88888889 C5.09090909,7.45555556 4.8,7.16666667 4.36363636,7.16666667 C3.92727273,7.16666667 3.63636364,7.45555556 3.63636364,7.88888889 C3.63636364,10.2722222 5.6,12.2222222 8,12.2222222 Z"
+      />
+      <path
+        fill="#A1ABB4"
+        d="M0,3 L1.49222874,1.12925513 C2.06146543,0.415626854 2.92465315,1.0558663e-15 3.83750348,8.8817842e-16 L12.1683182,-4.4408921e-16 C13.0831751,-6.12145698e-16 13.9480333,0.417447486 14.5171563,1.13373106 L16,3 L0,3 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/18/reports.vue b/src/components/Icons/18/reports.vue
new file mode 100644
index 00000000..c570aa0f
--- /dev/null
+++ b/src/components/Icons/18/reports.vue
@@ -0,0 +1,16 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16">
+    <g fill="#112B42" fill-rule="evenodd" transform="translate(-.2)">
+      <path
+        fill-rule="nonzero"
+        d="M16.2857143,2.5 L16.2857143,7.26902668 L11.9220779,7.26902668 C11.7032818,7.26906827 11.4982329,7.36737803 11.3613275,7.53318731 L11.2988052,7.62157447 L9.87116883,10 L7.50680519,4.09173512 C7.40433373,3.83523222 7.16527403,3.6589327 6.88983266,3.63673596 C6.64882146,3.61731381 6.41639286,3.71881295 6.26674592,3.90311574 L6.2078961,3.98706113 L4.23771429,7.26902668 L0.285714286,7.26902668 L0.285714286,2.5 C0.285714286,1.11928813 1.40500241,2.53632657e-16 2.78571429,0 L13.7857143,0 C15.1664262,-1.47995115e-15 16.2857143,1.11928813 16.2857143,2.5 Z"
+        opacity=".397"
+      />
+      <path
+        fill-rule="nonzero"
+        d="M0.285714286,13.5 L0.285714286,8.73097332 L4.64935065,8.73097332 C4.86814675,8.73093173 5.07319563,8.63262197 5.2101011,8.46681269 L5.27262338,8.37842553 L6.70025974,6 L9.06462338,11.9104456 C9.15434161,12.1350283 9.34876191,12.2981168 9.58061609,12.3501369 L9.68207792,12.3654867 L9.74025974,12.3654867 C9.95905584,12.3654451 10.1641047,12.2671353 10.3010102,12.101326 L10.3635325,12.0129389 L12.3337143,8.73097332 L16.2857143,8.73097332 L16.2857143,13.5 C16.2857143,14.8807119 15.1664262,16 13.7857143,16 L2.78571429,16 C1.40500241,16 0.285714286,14.8807119 0.285714286,13.5 Z"
+        opacity=".8"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/18/sales.vue b/src/components/Icons/18/sales.vue
new file mode 100644
index 00000000..db301747
--- /dev/null
+++ b/src/components/Icons/18/sales.vue
@@ -0,0 +1,14 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14">
+    <g fill="none" fill-rule="evenodd">
+      <path
+        fill="#415668"
+        d="M0,5.11230469 L16,5.11230469 L16,12 C16,13.1045695 15.1045695,14 14,14 L2,14 C0.8954305,14 1.3527075e-16,13.1045695 0,12 L0,5.11230469 Z M8.5,10 C8.22385763,10 8,10.2238576 8,10.5 C8,10.7761424 8.22385763,11 8.5,11 L12.5,11 C12.7761424,11 13,10.7761424 13,10.5 C13,10.2238576 12.7761424,10 12.5,10 L8.5,10 Z"
+      />
+      <path
+        fill="#A1ABB4"
+        d="M2,0 L14,0 C15.1045695,-2.02906125e-16 16,0.8954305 16,2 L16,3.64526367 L0,3.64526367 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/18/settings.vue b/src/components/Icons/18/settings.vue
new file mode 100644
index 00000000..747fe662
--- /dev/null
+++ b/src/components/Icons/18/settings.vue
@@ -0,0 +1,14 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 18">
+    <g fill="none" fill-rule="evenodd" transform="translate(0 .5)">
+      <path
+        fill="#A1ABB4"
+        d="M4,8 L12,8 C14.1818182,8 16,6.18181818 16,4 C16,1.81818182 14.1818182,0 12,0 L4,0 C1.81818182,0 0,1.81818182 0,4 C0,6.18181818 1.81818182,8 4,8 Z M4,1.45454545 C5.38181818,1.45454545 6.54545455,2.61818182 6.54545455,4 C6.54545455,5.38181818 5.38181818,6.54545455 4,6.54545455 C2.61818182,6.54545455 1.45454545,5.38181818 1.45454545,4 C1.45454545,2.61818182 2.61818182,1.45454545 4,1.45454545 Z"
+      />
+      <path
+        fill="#415668"
+        d="M12,9 L4,9 C1.81818182,9 0,10.8181818 0,13 C0,15.1818182 1.81818182,17 4,17 L12,17 C14.1818182,17 16,15.1818182 16,13 C16,10.8181818 14.1818182,9 12,9 Z M12,15.5454545 C10.6181818,15.5454545 9.45454545,14.3818182 9.45454545,13 C9.45454545,11.6181818 10.6181818,10.4545455 12,10.4545455 C13.3818182,10.4545455 14.5454545,11.6181818 14.5454545,13 C14.5454545,14.3818182 13.3818182,15.5454545 12,15.5454545 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/24/general.vue b/src/components/Icons/24/general.vue
new file mode 100644
index 00000000..6d735a67
--- /dev/null
+++ b/src/components/Icons/24/general.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g fill="none" fill-rule="evenodd">
+      <path
+        fill="#A1ABB4"
+        d="M9.08530087,7.67123242 L7.56272248,8.97665406 L5.29306789,6.707 L4.00006789,8 L6.78885887e-05,4 L4.00006789,-3.55351234e-12 L8.00006789,4 L6.70706789,5.293 L9.08530087,7.67123242 Z M18.9400679,13.94 L22.9650679,17.964 C24.3460679,19.345 24.3460679,21.583 22.9650679,22.964 C21.5840679,24.345 19.3460679,24.345 17.9650679,22.964 L13.4470679,18.446 L17.0880679,13.947 C17.3920679,13.982 17.6950679,14 18.0000679,14 C18.3180679,14 18.6310679,13.976 18.9400679,13.94 Z"
+      />
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M20.2710679,6.771 L17.2290679,3.729 L20.4370679,0.521 C19.6920679,0.189 18.8690679,-1.77635684e-14 18.0000679,-1.77635684e-14 C14.6860679,-1.77635684e-14 12.0000679,2.686 12.0000679,6 C12.0000679,6.594 12.0890679,7.166 12.2500679,7.708 L1.46106789,16.438 C0.570067889,17.225 0.0380678886,18.357 0.00206788859,19.544 C-0.0349321114,20.732 0.426067889,21.895 1.26606789,22.734 C2.08206789,23.551 3.16706789,24 4.32106789,24 C5.56006789,24 6.74206789,23.468 7.56206789,22.539 L16.2920679,11.75 C16.8340679,11.911 17.4060679,12 18.0000679,12 C21.3140679,12 24.0000679,9.314 24.0000679,6 C24.0000679,5.131 23.8110679,4.308 23.4790679,3.562 L20.2710679,6.771 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/24/invoice.vue b/src/components/Icons/24/invoice.vue
new file mode 100644
index 00000000..e9dc7b0a
--- /dev/null
+++ b/src/components/Icons/24/invoice.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g fill="none" fill-rule="evenodd">
+      <path
+        fill="#A1ABB4"
+        d="M3.3,8.4 L0.45,5.55 C-0.15,4.95 -0.15,4.05 0.45,3.45 L3.45,0.45 C4.05,-0.15 4.95,-0.15 5.55,0.45 L8.4,3.3 L3.3,8.4 Z M20.7,15.6 L23.55,18.45 C23.85,18.75 24,19.05 24,19.5 L24,24 L19.5,24 C19.05,24 18.75,23.85 18.45,23.55 L15.6,20.7 L20.7,15.6 Z"
+      />
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M23.55,6.45 L17.55,0.45 C16.95,-0.15 16.05,-0.15 15.45,0.45 L13.5,2.4 L16.05,4.95 L13.95,7.05 L11.4,4.5 L9,6.9 L11.55,9.45 L9.45,11.55 L6.9,9 L4.5,11.4 L7.05,13.95 L4.95,16.05 L2.4,13.5 L0.45,15.45 C-0.15,16.05 -0.15,16.95 0.45,17.55 L6.45,23.55 C7.05,24.15 7.95,24.15 8.55,23.55 L23.55,8.55 C24.15,7.95 24.15,7.05 23.55,6.45 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/24/mail.vue b/src/components/Icons/24/mail.vue
new file mode 100644
index 00000000..2dbf22d7
--- /dev/null
+++ b/src/components/Icons/24/mail.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20">
+    <g fill="none" fill-rule="evenodd">
+      <path
+        fill="#415668"
+        fill-rule="nonzero"
+        d="M13.4,12.6 C12.9889642,12.8814251 12.4976701,13.0217949 12,13 C11.5023299,13.0217949 11.0110358,12.8814251 10.6,12.6 L0,6.9 L0,17 C2.02906125e-16,18.6568542 1.34314575,20 3,20 L21,20 C22.6568542,20 24,18.6568542 24,17 L24,6.9 L13.4,12.6 Z"
+      />
+      <path
+        fill="#A1ABB4"
+        d="M21,-4.4408921e-16 L3,-4.4408921e-16 C1.34314575,-8.8817842e-16 4.60042228e-16,1.34314575 2.57135486e-16,3 L2.57135486e-16,4 C-0.00194326986,4.36673226 0.187596922,4.7079046 0.5,4.9 L11.5,10.9 C11.6535417,10.9808367 11.8271782,11.015564 12,11 C12.1728218,11.015564 12.3464583,10.9808367 12.5,10.9 L23.5,4.9 C23.8124031,4.7079046 24.0019433,4.36673226 24,4 L24,3 C24,1.34314575 22.6568542,2.22044605e-15 21,-4.4408921e-16 Z"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/24/privacy.vue b/src/components/Icons/24/privacy.vue
new file mode 100644
index 00000000..1d2994bb
--- /dev/null
+++ b/src/components/Icons/24/privacy.vue
@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 24">
+    <path
+      fill="#415668"
+      d="M20.0525217,2.11095652 C20.5302337,2.21715027 20.8699706,2.64106207 20.8695652,3.13043478 L20.8695652,13.5652174 C20.8695652,19.3281887 16.1977539,24 10.4347826,24 C4.67181131,24 2.30018902e-12,19.3281887 2.29787204e-12,13.5652174 L2.29787204e-12,3.13043478 C-0.000405357328,2.64106207 0.339331532,2.21715027 0.817043478,2.11095652 L10.2083478,0.024 C10.3575704,-0.00835725383 10.5119948,-0.00835725383 10.6612174,0.024 L20.0525217,2.11095652 Z M15.6521739,16.6956522 L15.6521739,11.4782609 C15.6521739,10.9019637 15.1849928,10.4347826 14.6086957,10.4347826 L13.5652174,10.4347826 L13.5652174,8.34782609 C13.5652174,6.6189347 12.163674,5.2173913 10.4347826,5.2173913 C8.70589122,5.2173913 7.30434783,6.6189347 7.30434783,8.34782609 L7.30434783,10.4347826 L6.26086957,10.4347826 C5.68457243,10.4347826 5.2173913,10.9019637 5.2173913,11.4782609 L5.2173913,16.6956522 C5.2173913,17.2719493 5.68457243,17.7391304 6.26086957,17.7391304 L14.6086957,17.7391304 C15.1849928,17.7391304 15.6521739,17.2719493 15.6521739,16.6956522 Z M10.4347826,7.30434783 C11.0110797,7.30434783 11.4782609,7.77152896 11.4782609,8.34782609 L11.4782609,10.4347826 L9.39130435,10.4347826 L9.39130435,8.34782609 C9.39130435,7.77152896 9.85848548,7.30434783 10.4347826,7.30434783 Z"
+      transform="translate(.565)"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/24/system.vue b/src/components/Icons/24/system.vue
new file mode 100644
index 00000000..a85c10bc
--- /dev/null
+++ b/src/components/Icons/24/system.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path
+      fill="#415668"
+      d="M20.872,13.453 C20.9537653,12.972909 20.9965715,12.4869919 21,12 C20.9965715,11.5130081 20.9537653,11.027091 20.872,10.547 L22.972,8.518 C23.3014584,8.19919706 23.371936,7.69719821 23.143,7.3 L21.643,4.7 C21.4110152,4.30446242 20.9414902,4.11509143 20.5,4.239 L17.7,5.039 C16.9419059,4.42152683 16.0884306,3.93146247 15.173,3.588 L14.47,0.758 C14.3589292,0.312671834 13.9589705,0.000126794654 13.5,0 L10.5,0 C10.0410295,0.000126794654 9.64107084,0.312671834 9.53,0.758 L8.823,3.588 C7.90897533,3.93185202 7.05687784,4.42190095 6.3,5.039 L3.5,4.239 C3.05853017,4.11546064 2.58922628,4.30474244 2.357,4.7 L0.857,7.3 C0.627535562,7.69743398 0.698040781,8.20004136 1.028,8.519 L3.128,10.548 C3.04628835,11.0277616 3.00348235,11.5133421 3,12 C3.00342848,12.4869919 3.04623467,12.972909 3.128,13.453 L1.028,15.482 C0.698541645,15.8008029 0.628063973,16.3028018 0.857,16.7 L2.357,19.3 C2.53580678,19.6097028 2.86638627,19.8003484 3.224,19.8 C3.31694619,19.7995843 3.40942403,19.7868055 3.499,19.762 L6.299,18.962 C7.05709407,19.5794732 7.91056935,20.0695375 8.826,20.413 L9.533,23.243 C9.64418563,23.6868483 10.0424394,23.9986148 10.5,24 L13.5,24 C13.9589705,23.9998732 14.3589292,23.6873282 14.47,23.242 L15.177,20.412 C16.0910247,20.068148 16.9431222,19.578099 17.7,18.961 L20.5,19.761 C20.589576,19.7858055 20.6820538,19.7985843 20.775,19.799 C21.1326137,19.7993484 21.4631932,19.6087028 21.642,19.299 L23.142,16.699 C23.3714644,16.301566 23.3009592,15.7989586 22.971,15.48 L20.872,13.453 Z M12,16 C9.790861,16 8,14.209139 8,12 C8,9.790861 9.790861,8 12,8 C14.209139,8 16,9.790861 16,12 C16,13.060866 15.5785726,14.0782816 14.8284271,14.8284271 C14.0782816,15.5785726 13.060866,16 12,16 Z"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/8/arrow-right.vue b/src/components/Icons/8/arrow-right.vue
new file mode 100644
index 00000000..854d6dcd
--- /dev/null
+++ b/src/components/Icons/8/arrow-right.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 7">
+    <g fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M6.8 4.002L.8 4M4.6 1.335l2.667 2.667L4.6 6.668" />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/Add.vue b/src/components/Icons/8/chevron-left.vue
similarity index 56%
rename from src/components/Icons/Add.vue
rename to src/components/Icons/8/chevron-left.vue
index 13a41c4f..937952e5 100644
--- a/src/components/Icons/Add.vue
+++ b/src/components/Icons/8/chevron-left.vue
@@ -1,10 +1,8 @@
 <template>
-  <svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10">
     <path
-      d="M5 1v8m4-4H1"
-      stroke="#FFF"
+      d="M4.75 8.5L1.25 5l3.5-3.5"
       stroke-width="1.5"
-      fill="none"
       fill-rule="evenodd"
       stroke-linecap="round"
       stroke-linejoin="round"
diff --git a/src/components/Icons/8/chevron-right.vue b/src/components/Icons/8/chevron-right.vue
new file mode 100644
index 00000000..63fe6fb6
--- /dev/null
+++ b/src/components/Icons/8/chevron-right.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 8">
+    <path
+      d="M1.25 7.75l3.5-3.5-3.5-3.5"
+      fill-rule="evenodd"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/8/circle.vue b/src/components/Icons/8/circle.vue
new file mode 100644
index 00000000..d471d1a0
--- /dev/null
+++ b/src/components/Icons/8/circle.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
+    <circle cx="4" cy="4" r="3.5" fill-rule="evenodd" />
+  </svg>
+</template>
diff --git a/src/components/Icons/DotHorizontal.vue b/src/components/Icons/8/dot-horizontal.vue
similarity index 71%
rename from src/components/Icons/DotHorizontal.vue
rename to src/components/Icons/8/dot-horizontal.vue
index a6ac505d..d2b4207d 100644
--- a/src/components/Icons/DotHorizontal.vue
+++ b/src/components/Icons/8/dot-horizontal.vue
@@ -1,8 +1,7 @@
 <template>
-  <svg class="w-3 h-3" viewBox="0 0 8 2" xmlns="http://www.w3.org/2000/svg">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 2">
     <path
       d="M1.633 1.033a.833.833 0 11-1.666 0 .833.833 0 011.666 0zm3.2 0a.833.833 0 11-1.666 0 .833.833 0 011.666 0zm3.2 0a.833.833 0 11-1.666 0 .833.833 0 011.666 0z"
-      fill="#112B42"
       fill-rule="nonzero"
     />
   </svg>
diff --git a/src/components/Icons/8/dot-vertical.vue b/src/components/Icons/8/dot-vertical.vue
new file mode 100644
index 00000000..ade038e2
--- /dev/null
+++ b/src/components/Icons/8/dot-vertical.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 9">
+    <path
+      d="M1 6.4a.833.833 0 110 1.667A.833.833 0 011 6.4zm0-3.2a.833.833 0 110 1.667A.833.833 0 011 3.2zM1 0a.833.833 0 110 1.667A.833.833 0 011 0z"
+      fill-rule="nonzero"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/8/pencil.vue b/src/components/Icons/8/pencil.vue
new file mode 100644
index 00000000..05908523
--- /dev/null
+++ b/src/components/Icons/8/pencil.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
+    <path
+      d="M7 1.4L8.6 3 3.8 7.8l-2.4.8.8-2.4z"
+      fill-rule="evenodd"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/8/plus.vue b/src/components/Icons/8/plus.vue
new file mode 100644
index 00000000..d0fb31c9
--- /dev/null
+++ b/src/components/Icons/8/plus.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
+    <path
+      d="M4 .8v6.4M7.2 4H.8"
+      fill-rule="evenodd"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
diff --git a/src/components/Icons/8/up.vue b/src/components/Icons/8/up.vue
new file mode 100644
index 00000000..58a0b092
--- /dev/null
+++ b/src/components/Icons/8/up.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 8">
+    <g fill-rule="nonzero">
+      <path d="M0 3h6L3 0z" />
+      <path opacity=".5" d="M3 8l3-3H0z" />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/Icons/X.vue b/src/components/Icons/8/x.vue
similarity index 68%
rename from src/components/Icons/X.vue
rename to src/components/Icons/8/x.vue
index 9dfd9d3d..0f705177 100644
--- a/src/components/Icons/X.vue
+++ b/src/components/Icons/8/x.vue
@@ -1,8 +1,7 @@
 <template>
-  <svg viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
     <path
       d="M7.2.8L.8 7.2m6.4 0L.8.8"
-      fill="none"
       fill-rule="evenodd"
       stroke-linecap="round"
       stroke-linejoin="round"
diff --git a/src/components/Icons/Dashboard.vue b/src/components/Icons/Dashboard.vue
deleted file mode 100644
index a0af327f..00000000
--- a/src/components/Icons/Dashboard.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <svg v-if="!active" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
-    <g fill="none" fill-rule="evenodd">
-      <path
-        d="M7.7 1c.368 0 .667.299.667.667v8a.667.667 0 01-.667.666H2.367a.667.667 0 01-.667-.666v-8c0-.368.299-.667.667-.667H7.7zm8 0c.368 0 .667.299.667.667v4a.667.667 0 01-.667.666h-5.333a.667.667 0 01-.667-.666v-4c0-.368.299-.667.667-.667H15.7z"
-        fill="#A1ABB4"
-      />
-      <path
-        d="M7.7 11.667c.368 0 .667.298.667.666v4A.667.667 0 017.7 17H2.367a.667.667 0 01-.667-.667v-4c0-.368.299-.666.667-.666H7.7zm8-4c.368 0 .667.298.667.666v8A.667.667 0 0115.7 17h-5.333a.667.667 0 01-.667-.667v-8c0-.368.299-.666.667-.666H15.7z"
-        fill="#415668"
-      />
-    </g>
-  </svg>
-
-  <svg v-else viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-    <defs>
-      <linearGradient x1="50%" y1="-124.512%" x2="50%" y2="100%" id="a">
-        <stop stop-color="#4AC3F8" offset="0%" />
-        <stop stop-color="#2490EF" offset="100%" />
-      </linearGradient>
-    </defs>
-    <g fill-rule="nonzero" transform="translate(-13 -10)" fill="url(#a)">
-      <path
-        d="M19.7 10c.368 0 .667.299.667.667v8a.667.667 0 01-.667.666h-5.333a.667.667 0 01-.667-.666v-8c0-.368.299-.667.667-.667H19.7zm8 0c.368 0 .667.299.667.667v4a.667.667 0 01-.667.666h-5.333a.667.667 0 01-.667-.666v-4c0-.368.299-.667.667-.667H27.7z"
-        opacity=".6"
-      />
-      <path
-        d="M19.7 20.667c.368 0 .667.298.667.666v4A.667.667 0 0119.7 26h-5.333a.667.667 0 01-.667-.667v-4c0-.368.299-.666.667-.666H19.7zm8-4c.368 0 .667.298.667.666v8A.667.667 0 0127.7 26h-5.333a.667.667 0 01-.667-.667v-8c0-.368.299-.666.667-.666H27.7z"
-      />
-    </g>
-  </svg>
-</template>
-<script>
-export default {
-  props: {
-    active: {
-      default: false
-    }
-  }
-};
-</script>
diff --git a/src/components/Icons/Items.vue b/src/components/Icons/Items.vue
deleted file mode 100644
index 22f6d853..00000000
--- a/src/components/Icons/Items.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-  <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-    <g fill="none" fill-rule="evenodd">
-      <path
-        d="M15.333.5H.667A.667.667 0 000 1.167v2.666c0 .368.299.667.667.667h14.666A.667.667 0 0016 3.833V1.167A.667.667 0 0015.333.5z"
-        fill="#A1ABB4"
-      />
-      <path
-        d="M14.667 5.833H1.333V14.5c0 .368.299.667.667.667h12a.667.667 0 00.667-.667V5.833zm-4 5.334H5.333V8.5h5.334v2.667z"
-        fill="#415668"
-      />
-    </g>
-  </svg>
-</template>
diff --git a/src/components/Icons/Purchases.vue b/src/components/Icons/Purchases.vue
deleted file mode 100644
index a32b770a..00000000
--- a/src/components/Icons/Purchases.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-  <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
-    <g fill="none" fill-rule="evenodd">
-      <path
-        d="M17 4.897V15.5a2 2 0 01-2 2H3a2 2 0 01-2-2V4.897h16zm-4.364 2.77c-.436 0-.727.289-.727.722 0 1.589-1.309 2.889-2.909 2.889-1.6 0-2.91-1.3-2.91-2.89 0-.432-.29-.721-.726-.721-.437 0-.728.289-.728.722 0 2.383 1.964 4.333 4.364 4.333s4.364-1.95 4.364-4.333c0-.433-.291-.722-.728-.722z"
-        fill="#415668"
-      />
-      <path d="M1 3.5l1.492-1.87A3 3 0 014.838.5h8.33a3 3 0 012.35 1.134L17 3.5H1z" fill="#A1ABB4" />
-    </g>
-  </svg>
-</template>
diff --git a/src/components/Icons/Reports.vue b/src/components/Icons/Reports.vue
deleted file mode 100644
index fbd52d71..00000000
--- a/src/components/Icons/Reports.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-  <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
-    <g fill="#112B42" fill-rule="nonzero">
-      <path
-        d="M17.086 3.5v4.769h-4.364a.727.727 0 00-.56.264l-.063.089L10.67 11 8.307 5.092a.727.727 0 00-1.24-.189l-.06.084-1.97 3.282H1.087V3.5a2.5 2.5 0 012.5-2.5h11a2.5 2.5 0 012.5 2.5z"
-        opacity=".397"
-      />
-      <path
-        d="M1.086 14.5V9.731h4.363a.727.727 0 00.561-.264l.063-.089L7.5 7l2.365 5.91c.09.225.284.388.516.44l.101.015h.058a.727.727 0 00.561-.264l.063-.088 1.97-3.282h3.952V14.5a2.5 2.5 0 01-2.5 2.5h-11a2.5 2.5 0 01-2.5-2.5z"
-        opacity=".8"
-      />
-    </g>
-  </svg>
-</template>
diff --git a/src/components/Icons/Sales.vue b/src/components/Icons/Sales.vue
deleted file mode 100644
index 4aa37d77..00000000
--- a/src/components/Icons/Sales.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-  <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
-    <g fill="none" fill-rule="evenodd">
-      <path
-        d="M17 7.112V14a2 2 0 01-2 2H3a2 2 0 01-2-2V7.112h16zM13.5 12h-4a.5.5 0 100 1h4a.5.5 0 100-1z"
-        fill="#415668"
-      />
-      <path d="M3 2h12a2 2 0 012 2v1.645H1V4a2 2 0 012-2z" fill="#A1ABB4" />
-    </g>
-  </svg>
-</template>
diff --git a/src/components/Icons/Search.vue b/src/components/Icons/Search.vue
deleted file mode 100644
index 9e391ddb..00000000
--- a/src/components/Icons/Search.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-  <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M7 13A6 6 0 107 1a6 6 0 000 12zm8 2l-3.758-3.758"
-      fill="none"
-      fill-rule="evenodd"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
diff --git a/src/components/Icons/Settings.vue b/src/components/Icons/Settings.vue
deleted file mode 100644
index 6c1dfe20..00000000
--- a/src/components/Icons/Settings.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-  <svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
-    <g fill-rule="nonzero" fill="none">
-      <path
-        d="M5 8.5h8c2.182 0 4-1.818 4-4s-1.818-4-4-4H5c-2.182 0-4 1.818-4 4s1.818 4 4 4zm0-6.545c1.382 0 2.545 1.163 2.545 2.545S6.382 7.045 5 7.045 2.455 5.882 2.455 4.5 3.618 1.955 5 1.955z"
-        fill="#9DA7B0"
-      />
-      <path
-        d="M13 9.5H5c-2.182 0-4 1.818-4 4s1.818 4 4 4h8c2.182 0 4-1.818 4-4s-1.818-4-4-4zm0 6.545c-1.382 0-2.545-1.163-2.545-2.545s1.163-2.545 2.545-2.545 2.545 1.163 2.545 2.545-1.163 2.545-2.545 2.545z"
-        fill="#3F5467"
-      />
-    </g>
-  </svg>
-</template>