diff --git a/src/svg/add.svg b/src/svg/add.svg
index 14d843b..40e5d94 100644
--- a/src/svg/add.svg
+++ b/src/svg/add.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
     <title>add</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="add" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M8.5,7.5 L13,7.5 L13,8.5 L8.5,8.5 L8.5,13 L7.5,13 L7.5,8.5 L3,8.5 L3,7.5 L7.5,7.5 L7.5,3 L8.5,3 L8.5,7.5 Z" fill="#000000"></path>
+        <path d="M5.5,4.5 L10,4.5 L10,5.5 L5.5,5.5 L5.5,10 L4.5,10 L4.5,5.5 L0,5.5 L0,4.5 L4.5,4.5 L4.5,0 L5.5,0 L5.5,4.5 Z" fill="#000000"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/src/svg/arrow--down.svg b/src/svg/arrow--down.svg
index 1a80e6d..6957cc0 100644
--- a/src/svg/arrow--down.svg
+++ b/src/svg/arrow--down.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="16px" viewBox="0 0 12 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
     <title>arrow--down</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="arrow--down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M8.5,14.0277046 L13.2716343,9.00028444 L13.998096,9.68520537 L8.00458649,16 L2.00190402,9.68548981 L2.72782534,9 L7.5,14.0200799 L7.5,0 L8.5,0 L8.5,14.0277046 Z" id="arrow" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M6.5,14.0277046 L11.2716343,9.00028444 L11.998096,9.68520537 L6.00458649,16 L0.00190402102,9.68548981 L0.727825336,9 L5.5,14.0200799 L5.5,0 L6.5,0 L6.5,14.0277046 Z" id="arrow" fill="#000000" fill-rule="nonzero"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/src/svg/arrow--left.svg b/src/svg/arrow--left.svg
index ab582d0..6567d2a 100644
--- a/src/svg/arrow--left.svg
+++ b/src/svg/arrow--left.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16px" height="12px" viewBox="0 0 16 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
     <title>arrow--left</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="arrow--left" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M1.97992011,7.5 L16,7.5 L16,8.5 L1.97229536,8.5 L6.99971556,13.2716343 L6.31479463,13.998096 L9.52910652e-14,8.00458649 L6.31451019,2.00190402 L7,2.72782534 L1.97992011,7.5 Z" id="arrow" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M1.97992011,5.49809598 L16,5.49809598 L16,6.49809598 L1.97229536,6.49809598 L6.99971556,11.2697303 L6.31479463,11.996192 L9.52910652e-14,6.00268247 L6.31451019,-2.09166018e-13 L7,0.725921315 L1.97992011,5.49809598 Z" id="arrow" fill="#000000" fill-rule="nonzero"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/src/svg/arrow--right.svg b/src/svg/arrow--right.svg
index 9d5221a..ffcffb1 100644
--- a/src/svg/arrow--right.svg
+++ b/src/svg/arrow--right.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16px" height="12px" viewBox="0 0 16 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
     <title>arrow--right</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="arrow--right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M14.0277046,7.5 L9.00028444,2.72836571 L9.68520537,2.00190402 L16,7.99541351 L9.68548981,13.998096 L9,13.2721747 L14.0200799,8.5 L0,8.5 L0,7.5 L14.0277046,7.5 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M14.0277046,5.5 L9.00028444,0.728365706 L9.68520537,0.00190402102 L16,5.99541351 L9.68548981,11.998096 L9,11.2721747 L14.0200799,6.5 L0,6.5 L0,5.5 L14.0277046,5.5 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/src/svg/arrow--up.svg b/src/svg/arrow--up.svg
index 9dcc927..3ab0425 100644
--- a/src/svg/arrow--up.svg
+++ b/src/svg/arrow--up.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="16px" viewBox="0 0 12 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
     <title>arrow--up</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="arrow--up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M8.48754138,1.9659474 L8.48754138,16 L7.48754138,16 L7.48754138,1.98455494 L2.72836571,6.99884866 L2.00190402,6.31392774 L7.99541351,-0.000866890935 L13.998096,6.3136433 L13.2721747,6.99913311 L8.48754138,1.9659474 Z" id="arrow" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M6.48754138,1.9659474 L6.48754138,16 L5.48754138,16 L5.48754138,1.98455494 L0.728365706,6.99884866 L0.00190402102,6.31392774 L5.99541351,-0.000866890935 L11.998096,6.3136433 L11.2721747,6.99913311 L6.48754138,1.9659474 Z" id="arrow" fill="#000000" fill-rule="nonzero"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/src/svg/asleep.svg b/src/svg/asleep.svg
new file mode 100644
index 0000000..1c64d5e
--- /dev/null
+++ b/src/svg/asleep.svg
@@ -0,0 +1,20 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+      }
+
+      .cls-2 {
+        fill: #00ff2d;
+      }
+    </style>
+  </defs>
+  <title>asleep</title>
+  <path class="cls-1" d="M5.66,4.89a8.13,8.13,0,0,1,1-3.84,7,7,0,1,0,5.85,11.87A8.16,8.16,0,0,1,5.66,4.89Z"/>
+  <path class="cls-2" d="M7.55,0h0Z"/>
+  <path class="cls-1" d="M5.66,4.89a8.13,8.13,0,0,1,1-3.84,7,7,0,1,0,5.85,11.87A8.16,8.16,0,0,1,5.66,4.89Z"/>
+  <path class="cls-1" d="M5.66,4.89a8.13,8.13,0,0,1,1-3.84,7,7,0,1,0,5.85,11.87A8.16,8.16,0,0,1,5.66,4.89Z"/>
+  <path class="cls-1" d="M5.66,4.89a8.13,8.13,0,0,1,1-3.84,7,7,0,1,0,5.85,11.87A8.16,8.16,0,0,1,5.66,4.89Z"/>
+  <path d="M14,12a7.14,7.14,0,0,1-6.8-7.13,6.92,6.92,0,0,1,1.26-4L8.47.77A.51.51,0,0,0,8.56.51.5.5,0,0,0,8.08,0H8a8,8,0,1,0,6.33,12.88h0A.5.5,0,0,0,14,12ZM8,15A7,7,0,0,1,7.12,1.05,8.14,8.14,0,0,0,13,12.92,7,7,0,0,1,8,15Z"/>
+</svg>
diff --git a/src/svg/attachment.svg b/src/svg/attachment.svg
new file mode 100644
index 0000000..3212b51
--- /dev/null
+++ b/src/svg/attachment.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>attachment</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="attachment" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M5.14231089,4.49079918 L4.14231089,4.49087996 L4.14212044,2.13319083 C4.14194832,0.0025427835 5.86904031,-1.72482826 7.99970856,-1.72500037 C10.1307979,-1.72500038 11.8581508,0.00235258506 11.8581508,2.13315045 L11.8581508,13.8866195 C11.8581508,16.0064987 10.1396492,17.7250004 8.01976995,17.7250004 C5.86419333,17.7123021 4.14184916,15.9797278 4.14184916,13.8468447 L4.14184916,9.26922098 C4.14184916,7.83391892 5.30539138,6.67037671 6.74069344,6.67037671 C8.1759955,6.67037671 9.33953771,7.83391892 9.33953771,9.26922098 L9.33953771,11.3680653 L8.33953771,11.3680653 L8.33953771,9.26922098 C8.33953771,8.38620367 7.62371075,7.67037671 6.74069344,7.67037671 C5.85767613,7.67037671 5.14184916,8.38620367 5.14184916,9.26922098 L5.14184916,13.8468447 C5.14184916,15.4297543 6.42007917,16.7155766 8.00296101,16.7249506 C9.58736443,16.7250004 10.8581508,15.454214 10.8581508,13.8866195 L10.8581508,2.13315045 C10.8581508,0.554637335 9.57851312,-0.725000381 8.00002019,-0.725000382 C6.42140584,-0.724872872 5.14199293,0.554746752 5.14212043,2.13311005 L5.14231089,4.49079918 Z" id="Path-57" fill="#000000" fill-rule="nonzero" transform="translate(8.000000, 8.000000) rotate(-45.000000) translate(-8.000000, -8.000000) "></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/awake.svg b/src/svg/awake.svg
new file mode 100644
index 0000000..3551958
--- /dev/null
+++ b/src/svg/awake.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>awake</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="awake" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <polygon id="Path-54" fill="#000000" fill-rule="nonzero" points="7.5 6.31088724e-30 8.5 6.31088724e-30 8.5 3 7.5 3"></polygon>
+        <polygon id="Path-54" fill="#000000" fill-rule="nonzero" points="7.5 13 8.5 13 8.5 16 7.5 16"></polygon>
+        <polygon id="Path-54" fill="#000000" fill-rule="nonzero" transform="translate(14.500000, 8.000000) rotate(90.000000) translate(-14.500000, -8.000000) " points="14 6.5 15 6.5 15 9.5 14 9.5"></polygon>
+        <polygon id="Path-54" fill="#000000" fill-rule="nonzero" transform="translate(1.500000, 8.000000) rotate(90.000000) translate(-1.500000, -8.000000) " points="1 6.5 2 6.5 2 9.5 1 9.5"></polygon>
+        <polygon id="Path-54" fill="#000000" fill-rule="nonzero" transform="translate(3.403806, 3.403806) rotate(-45.000000) translate(-3.403806, -3.403806) " points="2.90380592 1.90380592 3.90380592 1.90380592 3.90380592 4.90380592 2.90380592 4.90380592"></polygon>
+        <polygon id="Path-54" fill="#000000" fill-rule="nonzero" transform="translate(12.596194, 12.596194) rotate(-45.000000) translate(-12.596194, -12.596194) " points="12.0961941 11.0961941 13.0961941 11.0961941 13.0961941 14.0961941 12.0961941 14.0961941"></polygon>
+        <polygon id="Path-54" fill="#000000" fill-rule="nonzero" transform="translate(12.596194, 3.403806) rotate(45.000000) translate(-12.596194, -3.403806) " points="12.0961941 1.90380592 13.0961941 1.90380592 13.0961941 4.90380592 12.0961941 4.90380592"></polygon>
+        <polygon id="Path-54" fill="#000000" fill-rule="nonzero" transform="translate(3.403806, 12.596194) rotate(45.000000) translate(-3.403806, -12.596194) " points="2.90380592 11.0961941 3.90380592 11.0961941 3.90380592 14.0961941 2.90380592 14.0961941"></polygon>
+        <path d="M8,10.5 C9.38071187,10.5 10.5,9.38071187 10.5,8 C10.5,6.61928813 9.38071187,5.5 8,5.5 C6.61928813,5.5 5.5,6.61928813 5.5,8 C5.5,9.38071187 6.61928813,10.5 8,10.5 Z M8,11.5 C6.06700338,11.5 4.5,9.93299662 4.5,8 C4.5,6.06700338 6.06700338,4.5 8,4.5 C9.93299662,4.5 11.5,6.06700338 11.5,8 C11.5,9.93299662 9.93299662,11.5 8,11.5 Z" id="Oval-6" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/back-to-top.svg b/src/svg/back-to-top.svg
new file mode 100644
index 0000000..18fcd1f
--- /dev/null
+++ b/src/svg/back-to-top.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="11px" height="16px" viewBox="0 0 11 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>back-to-top</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="back-to-top" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <polygon id="Path-14" fill="#000000" fill-rule="nonzero" points="0 1 0 0 11 0 11 1"></polygon>
+        <path d="M5.00080234,4.98391773 L0.861439051,9.35716295 L0.135178738,8.66974316 L5.50170303,3 L10.8648213,8.67285481 L10.1381549,9.35984535 L6.00080234,4.98354794 L6.00080234,16 L5.00080234,16 L5.00080234,4.98391773 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/chat.svg b/src/svg/chat.svg
new file mode 100644
index 0000000..e95324f
--- /dev/null
+++ b/src/svg/chat.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>chat</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <polygon id="Path-46" fill="#000000" fill-rule="nonzero" points="3.00259111 8.03108704 2.99740889 7.03110046 8.99740889 7.00000671 9.00259111 7.99999329"></polygon>
+    <polygon id="Path-46" fill="#000000" fill-rule="nonzero" points="3 5 3 4 13 4 13 5"></polygon>
+    <path d="M11.7124093,12 L7.85987221,15.9940735 L7.14012779,15.2998344 L11.2875907,11 L14,11 C14.5522847,11 15,10.5522847 15,10 L15,2 C15,1.44771525 14.5522847,1 14,1 L2,1 C1.44771525,1 1,1.44771525 1,2 L1,10 C1,10.5522847 1.44771525,11 2,11 L7.50203125,11 L7.50203125,12 L2,12 C0.8954305,12 1.92438658e-15,11.1045695 1.77635684e-15,10 L-2.22044605e-16,2 C-8.14163551e-16,0.8954305 0.8954305,-6.43929354e-15 2,-6.66133815e-15 L14,-7.10542736e-15 C15.1045695,-7.32747196e-15 16,0.8954305 16,2 L16,10 C16,11.1045695 15.1045695,12 14,12 L11.7124093,12 Z" id="Path-43" fill="#000000" fill-rule="nonzero"></path>
+</svg>
diff --git a/src/svg/code.svg b/src/svg/code.svg
new file mode 100644
index 0000000..7a9fe2c
--- /dev/null
+++ b/src/svg/code.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="10px" viewBox="0 0 16 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>code</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="code" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <polygon id="Path-6" fill="#000000" fill-rule="nonzero" transform="translate(2.145559, 5.098052) rotate(-90.000000) translate(-2.145559, -5.098052) " points="2.1455592 4.3157206 -1.01462468 7.24361101 -1.69425692 6.510058 2.1455592 2.95249261 5.98537532 6.510058 5.30574308 7.24361101"></polygon>
+        <polygon id="Path-6" fill="#000000" fill-rule="nonzero" transform="translate(13.854441, 5.098052) rotate(90.000000) translate(-13.854441, -5.098052) " points="13.8544408 4.3157206 10.6942569 7.24361101 10.0146247 6.510058 13.8544408 2.95249261 17.6942569 6.510058 17.0146247 7.24361101"></polygon>
+        <polygon id="Path-48" fill="#000000" fill-rule="nonzero" points="6.46631395 10 5.53875202 9.6118735 9.56071834 8.43769499e-14 10.4882803 0.388126504"></polygon>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/document.svg b/src/svg/document.svg
new file mode 100644
index 0000000..7d7e857
--- /dev/null
+++ b/src/svg/document.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="16px" viewBox="0 0 12 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>document</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="document" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M10.5813895,3.99560309 L8.01441679,1.42863035 L8.04015101,3.98773525 L10.5813895,3.99560309 Z M7.01005595,1 L1,1 L1,15 L11,15 L11,4.99690393 L8.03705496,4.98773046 C7.48990191,4.98603644 7.04570346,4.5449187 7.04020157,3.99779069 L7.01005595,1 Z M1,0 L8,0 L12,4 L12,15 C12,15.5522847 11.5522847,16 11,16 L1,16 C0.44771525,16 0,15.5522847 0,15 L0,1 C0,0.44771525 0.44771525,0 1,0 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+        <rect id="line" fill="#000000" x="3" y="9" width="6" height="1"></rect>
+        <rect id="line" fill="#000000" x="3" y="12" width="6" height="1"></rect>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/download.svg b/src/svg/download.svg
index 5dd27ff..7157d5b 100644
--- a/src/svg/download.svg
+++ b/src/svg/download.svg
@@ -1,4 +1,9 @@
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-	<polygon id="Shape" fill="#000000" points="19 9.4 17.8 8.3 13 13 13 0 11 0 11 13 6.2 8.3 5 9.4 12 16"></polygon>
-	<polygon id="Shape_1_" fill="#000000" points="22 14 22 20 2 20 2 14 0 14 0 20.8 0 24 1.6 24 22.4 24 24 24 24 20.8 24 14"></polygon>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="16px" viewBox="0 0 14 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>download</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <path d="M7.50630933,11.0291798 L11.6429762,6.6536077 L12.3696425,7.34059824 L7.00652428,13.0134531 L1.63999999,7.34370989 L2.3662603,6.65629011 L6.50630933,11.0302598 L6.50630933,0 L7.50630933,0 L7.50630933,11.0291798 Z" id="arrow" fill="#000000" fill-rule="nonzero"></path>
+    <path d="M13,15 L13,13 L14,13 L14,15 C14,15.5522847 13.5522847,16 13,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L0,13 L1,13 L1,15 L13,15 Z" id="bottom" fill="#000000" fill-rule="nonzero"></path>
+</svg>
diff --git a/src/svg/draggable.svg b/src/svg/draggable.svg
new file mode 100644
index 0000000..c1d19c6
--- /dev/null
+++ b/src/svg/draggable.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="6px" height="14px" viewBox="0 0 6 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>draggable</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="draggable" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="square" fill="#000000" x="0" y="0" width="2" height="2"></rect>
+        <rect id="square" fill="#000000" x="4" y="-5.68434189e-14" width="2" height="2"></rect>
+        <rect id="square" fill="#000000" x="0" y="6" width="2" height="2"></rect>
+        <rect id="square" fill="#000000" x="4" y="6" width="2" height="2"></rect>
+        <rect id="square" fill="#000000" x="0" y="12" width="2" height="2"></rect>
+        <rect id="square" fill="#000000" x="4" y="12" width="2" height="2"></rect>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/edit.svg b/src/svg/edit.svg
index d4d593d..b913e8f 100644
--- a/src/svg/edit.svg
+++ b/src/svg/edit.svg
@@ -1,5 +1,11 @@
-<svg width="29px" height="29px" viewBox="0 0 29 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-    <polygon id="Rectangle-path" points="20.2965966 2.93150061 23.1968144 0.0312828203 29.0030178 5.83748621 26.1028 8.737704"></polygon>
-    <path d="M3.86666667,19.3850806 L9.66666667,25.1915323 L24.1666667,10.6754032 L18.3666667,4.86895161 L3.86666667,19.3850806 L3.86666667,19.3850806 L3.86666667,19.3850806 L3.86666667,19.3850806 L3.86666667,19.3850806 Z M9.66666667,22.4537903 L6.6004,19.3850806 L18.3666667,7.60669355 L21.4329333,10.6754032 L9.66666667,22.4537903 L9.66666667,22.4537903 L9.66666667,22.4537903 L9.66666667,22.4537903 L9.66666667,22.4537903 Z" id="Shape"></path>
-    <polygon id="Shape" points="0 29.0625 4.83333333 27.1270161 1.93333333 24.2237903"></polygon>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>edit</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="edit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M7.92572798,3.38058632 L1.00199753,9.72012002 L1.00199753,12 L3.30623854,12 L10.2321641,5.68351874 L7.92572798,3.38058632 Z M8.66400508,2.7046021 L10.9718396,5.00893075 L12.4234573,3.6850476 L10.1147108,1.37630112 L8.66400508,2.7046021 Z M0.00199752679,9.27987998 L9.43940417,0.638764047 C9.8341134,0.277358806 10.4433938,0.290770556 10.8218176,0.669194342 L13.1305641,2.97794082 C13.5210884,3.36846511 13.5210884,4.00163009 13.1305641,4.39215438 C13.1197237,4.40299474 13.1086355,4.41358438 13.0973082,4.42391491 L3.69376146,13 L0.00199752679,13 L0.00199752679,9.27987998 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+        <polygon id="Path-16" fill="#000000" fill-rule="nonzero" points="0 16.013414 0 15.013414 16 15.013414 16 16.013414"></polygon>
+    </g>
 </svg>
\ No newline at end of file
diff --git a/src/svg/email.svg b/src/svg/email.svg
new file mode 100644
index 0000000..9d61ea4
--- /dev/null
+++ b/src/svg/email.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="11px" viewBox="0 0 16 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>email</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="email" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M2.02815,1 L8.00484537,5.37996413 L13.9735067,1 L2.02815,1 Z M15,1.48709525 L8.30085543,6.4031076 C8.12490135,6.53222743 7.88552855,6.53230421 7.70949168,6.40329727 L1,1.48631036 L1,10 L15,10 L15,1.48709525 Z M1,5.68434189e-14 L15,5.68434189e-14 C15.5522847,5.67419658e-14 16,0.44771525 16,1 L16,10 C16,10.5522847 15.5522847,11 15,11 L1,11 C0.44771525,11 9.09562337e-13,10.5522847 9.09494702e-13,10 L9.09494702e-13,1 C9.09427066e-13,0.44771525 0.44771525,5.69448719e-14 1,5.68434189e-14 Z" id="envelope" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/error--outline.svg b/src/svg/error--outline.svg
new file mode 100644
index 0000000..6944c63
--- /dev/null
+++ b/src/svg/error--outline.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>error--outline</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="error--outline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M2.64644661,3.35355339 L3.35355339,2.64644661 L13.9601551,13.2530483 L13.2530483,13.9601551 L2.64644661,3.35355339 Z M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z" id="circle" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/error--solid.svg b/src/svg/error--solid.svg
new file mode 100644
index 0000000..05b0bf7
--- /dev/null
+++ b/src/svg/error--solid.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>error</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="error" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M4,4.64968243 L11.3503176,12 L12,11.3503176 L4.64968243,4 L4,4.64968243 Z" id="Combined-Shape" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/export.svg b/src/svg/export.svg
new file mode 100644
index 0000000..8e37f4c
--- /dev/null
+++ b/src/svg/export.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="16px" viewBox="0 0 14 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>export</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="export" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M6.49841041,1.98487265 L2.35995097,6.35716295 L1.63369066,5.66974316 L7.00021495,2.88657986e-15 L12.3633332,5.67285481 L11.6366668,6.35984535 L7.49841041,1.98259189 L7.49841041,13 L6.49841041,13 L6.49841041,1.98487265 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M13,15 L13,13 L14,13 L14,15 C14,15.5522847 13.5522847,16 13,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L0,13 L1,13 L1,15 L13,15 Z" id="Path-14" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/favorite--outline.svg b/src/svg/favorite--outline.svg
new file mode 100644
index 0000000..d2b9cc1
--- /dev/null
+++ b/src/svg/favorite--outline.svg
@@ -0,0 +1,4 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14">
+  <title>favorite--solid</title>
+  <path d="M11.58,1a3.41,3.41,0,0,1,2.21,6l0,0,0,0L8,12.49,2.15,7a3.42,3.42,0,1,1,5-4.55L8,3.54l.81-1.12A3.43,3.43,0,0,1,11.58,1m0-1A4.39,4.39,0,0,0,8,1.84,4.41,4.41,0,1,0,1.49,7.72L8,13.87l6.46-6.08A4.42,4.42,0,0,0,11.58,0Z"/>
+</svg>
diff --git a/src/svg/favorite--solid.svg b/src/svg/favorite--solid.svg
new file mode 100644
index 0000000..71ab3df
--- /dev/null
+++ b/src/svg/favorite--solid.svg
@@ -0,0 +1,4 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14">
+  <title>favorite--outline</title>
+  <path d="M1.49,7.72A4.41,4.41,0,1,1,8,1.84a4.42,4.42,0,1,1,6.44,6L8,13.87Z"/>
+</svg>
diff --git a/src/svg/folder-add.svg b/src/svg/folder-add.svg
new file mode 100644
index 0000000..39ab9e2
--- /dev/null
+++ b/src/svg/folder-add.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="12px" viewBox="0 0 14 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>folder-add</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="folder-add" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M13,12 L1,12 C0.44771525,12 -1.88737914e-15,11.5522847 0,11 L1.11022302e-16,1.00101221 C0.00111897013,0.446706218 0.449738751,-0.000102669643 1.00202237,0.00101425549 L3.29494134,0.00565139976 C3.55893031,0.00618528472 3.81199865,0.111084241 3.99895077,0.297469235 L5.70666199,2 L13,2 C13.5522847,2 14,2.44771525 14,3 L14,11 C14,11.5522847 13.5522847,12 13,12 Z M13,3 L5.70666199,3 C5.44197186,3 5.18807847,2.89505977 5.00063018,2.70818012 L3.29291896,1.00564935 L1,1.00101221 L1,11 L13,11 L13,3 Z" id="Path-44" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/folder.svg b/src/svg/folder.svg
new file mode 100644
index 0000000..39ab9e2
--- /dev/null
+++ b/src/svg/folder.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="12px" viewBox="0 0 14 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>folder-add</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="folder-add" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M13,12 L1,12 C0.44771525,12 -1.88737914e-15,11.5522847 0,11 L1.11022302e-16,1.00101221 C0.00111897013,0.446706218 0.449738751,-0.000102669643 1.00202237,0.00101425549 L3.29494134,0.00565139976 C3.55893031,0.00618528472 3.81199865,0.111084241 3.99895077,0.297469235 L5.70666199,2 L13,2 C13.5522847,2 14,2.44771525 14,3 L14,11 C14,11.5522847 13.5522847,12 13,12 Z M13,3 L5.70666199,3 C5.44197186,3 5.18807847,2.89505977 5.00063018,2.70818012 L3.29291896,1.00564935 L1,1.00101221 L1,11 L13,11 L13,3 Z" id="Path-44" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/forum.svg b/src/svg/forum.svg
new file mode 100644
index 0000000..d5d64d0
--- /dev/null
+++ b/src/svg/forum.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="15px" viewBox="0 0 16 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>Forum</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <path d="M11.7026941,12 L8.70242193,14.9765113 L7.99813183,14.266599 L11.2908074,11 L14.4967508,11 C14.7728931,11 14.9967508,10.7761424 14.9967508,10.5 L14.9967508,4.5 C14.9967508,4.22385763 14.7728931,4 14.4967508,4 L4.49675076,4 C4.22060839,4 3.99675076,4.22385763 3.99675076,4.5 L3.99675076,10.5097844 C3.99752427,10.7873227 4.22200649,11.010554 4.49814779,11.0097825 L7.99860297,11.000002 L8.00139703,11.999998 L4.50094184,12.0097786 C3.67251795,12.0120932 2.99907129,11.3423994 2.99675662,10.5139755 L2.99675076,4.5 C2.99675076,3.67157288 3.66832364,3 4.49675076,3 L14.4967508,3 C15.3251779,3 15.9967508,3.67157288 15.9967508,4.5 L15.9967508,10.5 C15.9967508,11.3284271 15.3251779,12 14.4967508,12 L11.7026941,12 Z" id="Path-43" fill="#000000" fill-rule="nonzero"></path>
+    <path d="M0.998052682,7.99999314 L-0.00194731818,8.00000686 L-0.00203647362,1.50000594 C-0.00204632147,0.671578819 0.66951857,-2.03937876e-06 1.49795255,-1.18872582e-05 L8.00000091,-1.18872582e-05 L7.99999909,1 L1.49795758,0.999988113 C1.22181521,0.999991395 0.997960244,1.22385168 0.997963526,1.49999314 L0.998052682,7.99999314 Z" id="Path-10" fill="#000000" fill-rule="nonzero"></path>
+</svg>
diff --git a/src/svg/grid.svg b/src/svg/grid.svg
index 39eec4e..2de1cb9 100644
--- a/src/svg/grid.svg
+++ b/src/svg/grid.svg
@@ -1,6 +1,13 @@
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-	<rect id="Rectangle-path" fill="#231F20" x="0" y="0" width="7" height="7"></rect>
-	<rect id="Rectangle-path" fill="#231F20" x="9" y="0" width="7" height="7"></rect>
-	<rect id="Rectangle-path" fill="#231F20" x="0" y="9" width="7" height="7"></rect>
-	<rect id="Rectangle-path" fill="#231F20" x="9" y="9" width="7" height="7"></rect>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>grid</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M1,1 L1,5 L5,5 L5,1 L1,1 Z M1,0 L5,0 C5.55228475,-1.01453063e-16 6,0.44771525 6,1 L6,5 C6,5.55228475 5.55228475,6 5,6 L1,6 C0.44771525,6 2.8967998e-16,5.55228475 2.22044605e-16,5 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 Z" id="square" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M1,10 L1,14 L5,14 L5,10 L1,10 Z M1,9 L5,9 C5.55228475,9 6,9.44771525 6,10 L6,14 C6,14.5522847 5.55228475,15 5,15 L1,15 C0.44771525,15 2.8967998e-16,14.5522847 2.22044605e-16,14 L0,10 C-6.76353751e-17,9.44771525 0.44771525,9 1,9 Z" id="square" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M10,1 L10,5 L14,5 L14,1 L10,1 Z M10,0 L14,0 C14.5522847,-1.01453063e-16 15,0.44771525 15,1 L15,5 C15,5.55228475 14.5522847,6 14,6 L10,6 C9.44771525,6 9,5.55228475 9,5 L9,1 C9,0.44771525 9.44771525,1.01453063e-16 10,0 Z" id="square" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M10,14 L14,14 L14,10 L10,10 L10,14 Z M10,9 L14,9 C14.5522847,9 15,9.44771525 15,10 L15,14 C15,14.5522847 14.5522847,15 14,15 L10,15 C9.44771525,15 9,14.5522847 9,14 L9,10 C9,9.44771525 9.44771525,9 10,9 Z" id="square" fill="#000000" fill-rule="nonzero"></path>
+    </g>
 </svg>
\ No newline at end of file
diff --git a/src/svg/help--outline.svg b/src/svg/help--outline.svg
new file mode 100644
index 0000000..e2ff408
--- /dev/null
+++ b/src/svg/help--outline.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>help--outline</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="help--outline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z" id="Oval-7" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M8.5,7.5 L8.61000013,7.5 C9.57649845,7.5 10.3600001,6.71649831 10.3600001,5.75 C10.3600001,4.78350169 9.57649845,4 8.61000013,4 L7.75,4 C6.78350169,4 6,4.78350169 6,5.75 L5,5.75 C5,4.23121694 6.23121694,3 7.75,3 L8.61000013,3 C10.1287832,3 11.3600001,4.23121694 11.3600001,5.75 C11.3600001,7.26878306 10.1287832,8.5 8.61000013,8.5 L8.5,8.5 L8.5,10 L7.5,10 L7.5,7.5 L8.5,7.5 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+        <circle id="Oval-8" fill="#000000" cx="8" cy="12" r="1"></circle>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/help--solid.svg b/src/svg/help--solid.svg
new file mode 100644
index 0000000..7eb1b39
--- /dev/null
+++ b/src/svg/help--solid.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>help--solid</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="help--solid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M7.75,7.5 L7.5,7.5 L7.5,10 L8.5,10 L8.5,8.5 L8.61000013,8.5 C10.1287832,8.5 11.3600001,7.26878306 11.3600001,5.75 C11.3600001,4.23121694 10.1287832,3 8.61000013,3 L7.75,3 C6.23121694,3 5,4.23121694 5,5.75 L6,5.75 C6,4.78350169 6.78350169,4 7.75,4 L8.61000013,4 C9.57649845,4 10.3600001,4.78350169 10.3600001,5.75 C10.3600001,6.71649831 9.57649845,7.5 8.61000013,7.5 L7.75,7.5 Z M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M8,12.75 C8.41421356,12.75 8.75,12.4142136 8.75,12 C8.75,11.5857864 8.41421356,11.25 8,11.25 C7.58578644,11.25 7.25,11.5857864 7.25,12 C7.25,12.4142136 7.58578644,12.75 8,12.75 Z" id="help" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/launch.svg b/src/svg/launch.svg
index 14e7a0d..d33d10e 100644
--- a/src/svg/launch.svg
+++ b/src/svg/launch.svg
@@ -1,9 +1,10 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="20px" viewBox="0 0 24 20" style="enable-background:new 0 0 24 20;" xml:space="preserve">
-  <polygon id="Shape_1_" points="15.7,9.7 22,3.4 22,8 24,8 24,0 16,0 16,2 20.6,2 14.3,8.3 "/>
-  <polygon points="22,18 2,18 2,4 12,4 12,0 0,0 0,4 0,20 24,20 24,12 22,12 "/>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>launch</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <path d="M14.2928932,1 L10.5,1 L10.5,0 L16,0 L16,5.5 L15,5.5 L15,1.70710678 L9.69669914,7.01040764 L8.98959236,6.30330086 L14.2928932,1 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+    <path d="M14.2928932,1 L10.5,1 L10.5,0 L16,0 L16,5.5 L15,5.5 L15,1.70710678 L9.69669914,7.01040764 L8.98959236,6.30330086 L14.2928932,1 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+    <path d="M13,9 L14,9 L14,15 C14,15.5522847 13.5522847,16 13,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L-1.11022302e-16,3 C-1.78657678e-16,2.44771525 0.44771525,2 1,2 L7.99504589,2 L7.99504589,3 L1,3 L1,15 L13,15 L13,9 Z" id="window" fill="#000000" fill-rule="nonzero"></path>
 </svg>
diff --git a/src/svg/link.svg b/src/svg/link.svg
index 170568f..0c9a916 100644
--- a/src/svg/link.svg
+++ b/src/svg/link.svg
@@ -1,3 +1,9 @@
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-	<path d="M22.3,1.7 C21.2,0.7 19.8,0 18.2,0 C16.6,0 15.1,0.7 14.1,1.7 L11.6,4.2 C10.5,5.3 9.9,6.7 9.9,8.3 C9.9,8.9 10,9.5 10.2,10.1 C9.5,9.9 9,9.8 8.3,9.8 C6.7,9.8 5.2,10.5 4.2,11.5 L1.7,14 C0.7,15.1 0,16.5 0,18.2 C0,19.8 0.6,21.3 1.7,22.4 C2.7,23.4 4.2,24 5.8,24 C7.4,24 8.9,23.3 9.9,22.3 L12.4,19.8 C13.5,18.7 14.1,17.3 14.1,15.7 C14.1,15.1 14,14.5 13.8,13.9 C14.4,14.1 15,14.2 15.6,14.2 C17.2,14.2 18.7,13.5 19.7,12.5 L22.2,10 C23.3,8.9 24,7.5 24,5.8 C24,4.2 23.3,2.8 22.3,1.7 L22.3,1.7 Z M10.9,18.2 L8.4,20.7 C7.7,21.4 6.8,21.8 5.8,21.8 C4.8,21.8 3.8,21.4 3.2,20.8 C2.5,20.1 2.2,19.2 2.2,18.2 C2.2,17.2 2.6,16.3 3.3,15.6 L5.8,13.1 C6.4,12.4 7.4,12 8.3,12 C8.9,12 9.5,12.2 10,12.4 L6.8,15.6 L8.3,17.1 L11.5,13.9 C11.8,14.4 11.9,15 11.9,15.6 C12,16.6 11.6,17.6 10.9,18.2 L10.9,18.2 Z M20.7,8.4 L18.2,10.9 C17.5,11.6 16.6,12 15.6,12 C15,12 14.4,11.8 13.9,11.6 L17.1,8.4 L15.6,6.9 L12.4,10.1 C12.2,9.5 12,9 12,8.3 C12,7.3 12.4,6.4 13.1,5.7 L15.6,3.2 C16.3,2.5 17.2,2.1 18.2,2.1 C19.2,2.1 20.1,2.5 20.8,3.2 C21.5,3.9 21.9,4.8 21.9,5.8 C21.8,6.8 21.4,7.7 20.7,8.4 L20.7,8.4 Z" id="Shape" fill="#000000"></path>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="13px" viewBox="0 0 16 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>link</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <path d="M8.54689937,4.26528645 L7.54696758,4.25360682 C7.54790872,4.17303256 7.55534303,3.92444507 7.56949385,3.49768934 C7.60846516,2.32267964 6.68751642,1.33855771 5.51250188,1.29959532 C5.47323283,1.29853497 5.47323283,1.29853497 5.43394958,1.29844104 C4.19877789,1.30308573 3.19992967,2.30569704 3.19992967,3.54087747 L3.19992967,9.80871841 C3.19992967,11.0237449 4.18490322,12.0087184 5.39992967,12.0087184 L5.68111958,12.0087184 C6.77036186,12.0087184 7.66862427,11.1553056 7.72436529,10.0674905 L8.72305504,10.1186646 C8.64006913,11.7381778 7.3027575,13.0087184 5.68111958,13.0087184 L5.39992967,13.0087184 C3.63261847,13.0087184 2.19992967,11.5760296 2.19992967,9.80871841 L2.19992967,3.54087747 C2.19992967,1.75488023 3.64420463,0.305164058 5.43018925,0.298448113 C5.48792643,0.298586171 5.48792643,0.298586171 5.54564274,0.300144627 C7.27264059,0.357410274 8.62622318,1.8038429 8.56894441,3.53083406 C8.55513858,3.9471857 8.54771582,4.19538688 8.54689937,4.26528645 Z" id="Path-27" fill="#000000" fill-rule="nonzero" transform="translate(5.461492, 6.653583) rotate(45.000000) translate(-5.461492, -6.653583) "></path>
+    <path d="M13.7809453,3.30044609 L12.7810372,3.31400721 L12.7673768,2.30677533 C12.7507839,1.0833306 11.754273,0.100243051 10.5307157,0.100243051 C9.3156893,0.100243051 8.33071575,1.0852166 8.33071575,2.30024305 L8.33071575,8.60024305 C8.33071575,9.8152695 9.3156893,10.8002431 10.5307157,10.8002431 L10.7145946,10.8002431 C11.7598742,10.8002431 12.6072407,9.9528765 12.6072407,8.90759689 C12.6072407,8.87586352 12.6064426,8.84413517 12.6048472,8.81244194 L13.6035826,8.7621658 C13.6060209,8.81060449 13.6072407,8.85909686 13.6072407,8.90759689 C13.6072407,10.5051613 12.3121589,11.8002431 10.7145946,11.8002431 L10.5307157,11.8002431 C8.76340455,11.8002431 7.33071575,10.3675543 7.33071575,8.60024305 L7.33071575,2.30024305 C7.33071575,0.532931851 8.76340455,-0.899756949 10.5307157,-0.899756949 C12.301269,-0.899756949 13.7432741,0.52282373 13.7672848,2.29321421 L13.7809453,3.30044609 Z" id="Path-27" fill="#000000" fill-rule="nonzero" transform="translate(10.555831, 5.450243) scale(-1, -1) rotate(45.000000) translate(-10.555831, -5.450243) "></path>
+</svg>
diff --git a/src/svg/list.svg b/src/svg/list.svg
index 3047a37..f60b87a 100644
--- a/src/svg/list.svg
+++ b/src/svg/list.svg
@@ -1,6 +1,13 @@
-<svg width="16px" height="14px" viewBox="0 0 16 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-	<rect id="Rectangle-path" fill="#231F20" x="0" y="0" width="16" height="2"></rect>
-	<rect id="Rectangle-path" fill="#231F20" x="0" y="4" width="16" height="2"></rect>
-	<rect id="Rectangle-path" fill="#231F20" x="0" y="8" width="16" height="2"></rect>
-	<rect id="Rectangle-path" fill="#231F20" x="0" y="12" width="16" height="2"></rect>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="10px" viewBox="0 0 16 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>list</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="list" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <polygon id="Path-28" fill="#000000" fill-rule="nonzero" points="6 9 6 8 16 8 16 9"></polygon>
+        <polygon id="Path-28" fill="#000000" fill-rule="nonzero" points="6 2 6 1 16 1 16 2"></polygon>
+        <circle id="Oval-12" fill="#000000" cx="1.5" cy="1.5" r="1.5"></circle>
+        <circle id="Oval-12" fill="#000000" cx="1.5" cy="8.5" r="1.5"></circle>
+    </g>
 </svg>
\ No newline at end of file
diff --git a/src/svg/locked.svg b/src/svg/locked.svg
index 7ee5dc7..04db3fd 100644
--- a/src/svg/locked.svg
+++ b/src/svg/locked.svg
@@ -1,3 +1,10 @@
-<svg width="18px" height="24px" viewBox="0 0 18 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-	<path d="M15.5,6.5 C15.5,3 12.5,0 9,0 C5.5,0 2.5,3 2.5,6.5 L2.5,9.5 C1.1,11 0.3,13 0.3,15.3 C0.3,20.1 4.2,24 9,24 C13.8,24 17.7,20.1 17.7,15.3 C17.7,13.1 16.9,11.1 15.5,9.5 L15.5,6.5 L15.5,6.5 Z M4.6,6.5 C4.6,4.2 6.6,2.1 9,2.1 C11.4,2.1 13.4,4.1 13.4,6.5 L13.4,7.7 C12.1,7 10.6,6.5 9,6.5 C7.4,6.5 5.9,6.9 4.6,7.7 L4.6,6.5 L4.6,6.5 Z M7.4,20.1 L3.4,16.1 L4.9,14.6 L7.4,17.1 L13.2,11.3 L14.7,12.8 L7.4,20.1 L7.4,20.1 Z" id="Shape" fill="#000000"></path>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>locked</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="locked" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M4.5,7 L4.5,3.5 C4.5,1.56700338 6.06700338,3.88578059e-16 8,0 C9.93299662,-3.23815049e-16 11.5,1.56700338 11.5,3.5 L11.5,7 L12.5,7 C13.3284271,7 14,7.67157288 14,8.5 L14,14.5 C14,15.3284271 13.3284271,16 12.5,16 L3.5,16 C2.67157288,16 2,15.3284271 2,14.5 L2,8.5 C2,7.67157288 2.67157288,7 3.5,7 L4.5,7 Z M5.5,7 L10.5,7 L10.5,3.5 C10.5,2.11928813 9.38071187,1 8,1 C6.61928813,1 5.5,2.11928813 5.5,3.5 L5.5,7 Z M3.5,8 C3.22385763,8 3,8.22385763 3,8.5 L3,14.5 C3,14.7761424 3.22385763,15 3.5,15 L12.5,15 C12.7761424,15 13,14.7761424 13,14.5 L13,8.5 C13,8.22385763 12.7761424,8 12.5,8 L3.5,8 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+    </g>
 </svg>
\ No newline at end of file
diff --git a/src/svg/maximize.svg b/src/svg/maximize.svg
new file mode 100644
index 0000000..b2d2edb
--- /dev/null
+++ b/src/svg/maximize.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>maximize</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="maximize" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M1.70927162,15 L3.99999988,15 L3.99999988,16 L0.00273318979,16 L8.8817842e-16,12.0003417 L0.999999767,11.9996583 L1.00156727,14.2934904 L5.29788753,9.99717014 L6.00499451,10.7042771 L1.70927162,15 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M14.9984062,1.66788979 L10.7268088,5.98533834 L10.0159374,5.28201635 L14.2524789,1 L12,1 L12,-2.10942375e-15 L15.9972667,-2.10942375e-15 L15.9999999,3.99965832 L15.0000001,4.00034168 L14.9984062,1.66788979 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/minimize.svg b/src/svg/minimize.svg
new file mode 100644
index 0000000..b20ca98
--- /dev/null
+++ b/src/svg/minimize.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>minimize</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="minimize" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M4.99841805,11.7086887 L0.703553565,16.0035532 L-0.00355340985,15.2964462 L4.26981567,11.0230772 L1.99492245,10.9999742 L2.00507755,10.0000258 L5.99726668,10.0405689 L5.99999988,13.9996548 L5.00000012,14.0003452 L4.99841805,11.7086887 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M11.7067904,5.00034168 L13.9999999,5.00034168 L13.9999999,6.00034168 L10.0027332,6.00034168 L10,2.00068336 L10.9999998,2 L11.0015656,4.291353 L15.292982,6.38046934e-05 L16.0000888,0.707170586 L11.7067904,5.00034168 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/new-tab.svg b/src/svg/new-tab.svg
new file mode 100644
index 0000000..2c2c098
--- /dev/null
+++ b/src/svg/new-tab.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="15px" viewBox="0 0 16 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>new tab</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="new-tab" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M14,2 L16,2 L16,3 L14,3 L14,5 L13,5 L13,3 L11,3 L11,2 L13,2 L13,0 L14,0 L14,2 Z" id="plus" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M1,14 L9,14 L9,15 L1,15 C0.44771525,15 6.04600958e-16,14.5522847 -4.4408921e-16,14 L0,3 C-6.76353751e-17,2.44771525 0.44771525,2 1,2 L13,2 C13.5522847,2 14,2.44771525 14,3 L14,9.77272727 L13,9.77272727 L13,3 L1,3 L1,14 Z" id="window" fill="#000000" fill-rule="nonzero" transform="translate(7.000000, 8.500000) scale(1, -1) translate(-7.000000, -8.500000) "></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/notification-off.svg b/src/svg/notification-off.svg
new file mode 100644
index 0000000..f1050de
--- /dev/null
+++ b/src/svg/notification-off.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="16px" viewBox="0 0 14 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>notification-off</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="notification-off" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M1.50123859,13.9872317 L0.624833129,14.6886103 L0,13.907852 L13.3302115,3.23981622 L13.9550446,4.02057454 L11.9919452,5.59162351 L11.9919452,9.23422813 L13.7934261,10.5842331 C13.8596015,10.6338241 13.9114847,10.6982706 13.9458305,10.771108 C13.9766748,10.8365199 13.9933752,10.908699 13.9935813,10.9829633 L14.0012367,13.4986123 C14.0020046,13.7752957 13.777923,14 13.5012386,14 L9.45122953,14 C9.21959436,15.1411202 8.21071754,16 7.00123859,16 C5.79175963,16 4.78288281,15.1411202 4.55124765,14 L1.50123859,14 L1.50123859,13.9872317 Z M2.73483098,13 L12.999849,13 L12.9942769,11.2349936 L11.1921024,9.88446879 C11.066107,9.79004962 10.9919452,9.64179873 10.9919452,9.48435094 L10.9919452,6.39191357 L2.73483098,13 Z M5.58659144,14 C5.79250965,14.5825962 6.34812918,15 7.00123859,15 C7.654348,15 8.20996753,14.5825962 8.41588573,14 L5.58659144,14 Z" id="bell-bottom" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M7.50123859,1.24828652 C8.12986297,1.2976458 8.62886805,1.44873715 9.1964559,1.72906413 C10.1291942,2.18973594 10.8119199,2.84321111 11.2715678,3.62894471 L10.4084126,4.13388354 C10.0577257,3.57149759 9.49780108,3.00262131 8.72843049,2.62199509 C8.22212532,2.37151369 7.5801184,2.24609848 6.83680983,2.24609848 C6.34283665,2.24609848 5.96241862,2.2960531 5.47133224,2.53915692 C4.04213924,3.2466542 3.14698814,4.35306653 2.99713947,6.01444068 L2.94072489,9.7391351 L0.797376585,11.4342762 L0.177050814,10.6499319 L1.94809086,9.24924368 L1.99860761,5.96933446 C2.1037986,4.00213576 3.40830188,2.24609848 5.06908092,1.62334103 C5.54603736,1.4278403 6.02568682,1.30618812 6.5012386,1.25618233 L6.50123859,0 L7.50123859,0 L7.50123859,1.24828652 Z" id="bell---top" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/notification-on.svg b/src/svg/notification-on.svg
new file mode 100644
index 0000000..b1ecc43
--- /dev/null
+++ b/src/svg/notification-on.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="16px" viewBox="0 0 14 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>notification-on</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="notification-on" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M11.1985191,9.90011785 C11.0725237,9.80569868 10.9983619,9.65744779 10.9983619,9.5 L10.9983619,6.22918772 C10.9983619,4.02451154 9.21432327,2.23557672 7.00965537,2.22953441 C4.80723634,2.22349827 3.01674765,4.00367166 3.01005865,6.2060888 L2.99999769,9.51875645 C2.99951838,9.67657466 2.92455752,9.82490287 2.79777981,9.91889346 L1,11.2517333 L1,13 L13,13 L13,11.2501228 L11.1985191,9.90011785 Z M4.55000906,14 L0.5,14 C0.223857625,14 0,13.7761424 0,13.5 L0,11 C0,10.8416464 0.0750129953,10.6926534 0.202220186,10.5983444 L2.00076396,9.26493818 L2.01006327,6.2030517 C2.01790393,3.62143977 3.98536732,1.50369071 6.5,1.2541206 L6.5,-2.66453526e-14 L7.5,-2.66453526e-14 L7.5,1.25435767 C10.026606,1.50595214 11.9983619,3.637827 11.9983619,6.22918772 L11.9983619,9.24987719 L13.7998428,10.5998821 C13.9258381,10.6943013 14,10.8425522 14,11 L14,13.5 C14,13.7761424 13.7761424,14 13.5,14 L9.44999094,14 C9.21835578,15.1411202 8.20947896,16 7,16 C5.79052104,16 4.78164422,15.1411202 4.55000906,14 Z M5.58535285,14 C5.79127106,14.5825962 6.34689059,15 7,15 C7.65310941,15 8.20872894,14.5825962 8.41464715,14 L5.58535285,14 Z" id="bel" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/pause--outline.svg b/src/svg/pause--outline.svg
index 6dc2fad..e8bda60 100644
--- a/src/svg/pause--outline.svg
+++ b/src/svg/pause--outline.svg
@@ -1,8 +1,12 @@
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <!-- Generator: Sketch 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
-  <desc>Created with Sketch.</desc>
-  <defs></defs>
-  <path d="M12,2 C17.5,2 22,6.5 22,12 C22,17.5 17.5,22 12,22 C6.5,22 2,17.5 2,12 C2,6.5 6.5,2 12,2 L12,2 Z M12,0 C5.4,0 0,5.4 0,12 C0,18.6 5.4,24 12,24 C18.6,24 24,18.6 24,12 C24,5.4 18.6,0 12,0 L12,0 L12,0 Z" id="Shape" fill="#000000"></path>
-  <rect id="Rectangle-path" fill="#000000" x="8" y="8" width="3" height="8"></rect>
-  <rect id="Rectangle-path" fill="#000000" x="13" y="8" width="3" height="8"></rect>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>pause--outline</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="pause--outline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z" id="outline" fill="#000000" fill-rule="nonzero"></path>
+        <rect id="line" fill="#000000" x="6" y="5" width="1" height="6"></rect>
+        <rect id="line" fill="#000000" x="9" y="5" width="1" height="6"></rect>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/pause--solid.svg b/src/svg/pause--solid.svg
new file mode 100644
index 0000000..3d8b170
--- /dev/null
+++ b/src/svg/pause--solid.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>pause--solid</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="pause--solid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M6,5 L6,11 L7,11 L7,5 L6,5 Z M9,5 L9,11 L10,11 L10,5 L9,5 Z" id="pause" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/play--outline.svg b/src/svg/play--outline.svg
index 5ec747a..95c9132 100644
--- a/src/svg/play--outline.svg
+++ b/src/svg/play--outline.svg
@@ -1,4 +1,9 @@
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-	<polygon id="Shape_1_" fill="#000000" points="8 17 17 12 8 7"></polygon>
-	<path d="M12,2 C17.5,2 22,6.5 22,12 C22,17.5 17.5,22 12,22 C6.5,22 2,17.5 2,12 C2,6.5 6.5,2 12,2 L12,2 Z M12,0 C5.4,0 0,5.4 0,12 C0,18.6 5.4,24 12,24 C18.6,24 24,18.6 24,12 C24,5.4 18.6,0 12,0 L12,0 L12,0 Z" id="Shape" fill="#000000"></path>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>play--outline</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <path d="M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z" id="Oval-13" fill="#000000" fill-rule="nonzero"></path>
+    <path d="M4.99749197,4.77639939 C4.99749197,4.64303395 5.03305379,4.51208059 5.10051271,4.39703436 C5.31003023,4.03971757 5.76954023,3.9199026 6.12685701,4.12942013 L11.6249317,7.35329051 C11.7353074,7.4180108 11.8272901,7.50989309 11.892131,7.62019803 C12.1020388,7.97728566 11.982726,8.4369263 11.6256384,8.64683413 L6.12756372,11.8787829 C6.01235157,11.9465083 5.88113545,11.9822185 5.74749197,11.9822185 C5.33327841,11.9822185 4.99749197,11.6464321 4.99749197,11.2322185 L4.99749197,4.77639939 Z M5.99749197,10.795266 L10.7517798,8.00053955 L5.99749197,5.21279863 L5.99749197,10.795266 Z" id="Path-33" fill="#000000" fill-rule="nonzero"></path>
+</svg>
diff --git a/src/svg/play--solid.svg b/src/svg/play--solid.svg
new file mode 100644
index 0000000..5546c42
--- /dev/null
+++ b/src/svg/play--solid.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>play--solid</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="play--solid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M4.99749197,4.77661867 L4.99749197,11.2761393 C4.99749197,11.6903529 5.33327841,12.0261393 5.74749197,12.0261393 C5.88183983,12.0261393 6.01372133,11.990052 6.12935182,11.9216492 L11.6297402,8.6678224 C11.9862455,8.45692702 12.1042856,7.99695791 11.8933903,7.64045263 C11.8289599,7.53153723 11.7380184,7.44069533 11.6290325,7.37638442 L6.12864409,4.13069061 C5.77190788,3.92018611 5.31206842,4.03873033 5.10156391,4.39546655 C5.03342971,4.51093171 4.99749197,4.64254976 4.99749197,4.77661867 Z" id="play" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/power.svg b/src/svg/power.svg
index 6fb2a0b..e115d94 100644
--- a/src/svg/power.svg
+++ b/src/svg/power.svg
@@ -1,6 +1,11 @@
-<svg width="20px" height="24px" viewBox="0 0 20 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <!-- Generator: Sketch 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
-  <desc>Created with Sketch.</desc>
-  <defs></defs>
-  <path d="M12.2,4.6 L12,4 L12,0 L8,0 L8,4 L7.8,4.6 C3.4,5.6 0.2,9.5 0.2,14.2 C0.2,19.7 4.6,24 10,24 C15.4,24 19.8,19.6 19.8,14.2 C19.8,9.5 16.5,5.6 12.2,4.6 L12.2,4.6 Z M10,21.8 C5.7,21.8 2.4,18.4 2.4,14.2 C2.4,10.7 4.6,7.9 7.9,6.9 L8,7 L8,14 L12,14 L12,7 L12.2,6.9 C15.5,7.9 17.7,10.7 17.7,14.2 C17.6,18.4 14.3,21.8 10,21.8 L10,21.8 Z" id="Shape" fill="#000000"></path>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="16px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>power</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="power" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle-12" fill="#000000" x="7" y="0" width="1" height="8"></rect>
+        <path d="M0.469115276,11.1182797 C0.165782692,10.303584 0,9.42193492 0,8.50156518 C0,4.35942955 3.35786438,1.00156518 7.5,1.00156518 C11.6421356,1.00156518 15,4.35942955 15,8.50156518 C15,12.6437008 11.6421356,16.0015652 7.5,16.0015652 C6.62874378,16.0015652 5.51050043,15.7301333 5.0277752,15.5582881 L5.36314786,14.6162026 C5.90052942,14.8075048 6.8754263,15.0015652 7.5,15.0015652 C11.0898509,15.0015652 14,12.091416 14,8.50156518 C14,4.9117143 11.0898509,2.00156518 7.5,2.00156518 C3.91014913,2.00156518 1,4.9117143 1,8.50156518 C1,9.28644506 1.13870817,10.0507437 1.40626567,10.7693541 L0.469115276,11.1182797 Z" id="Oval-14" fill="#000000" fill-rule="nonzero" transform="translate(7.500000, 8.501565) rotate(136.000000) translate(-7.500000, -8.501565) "></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/purchase.svg b/src/svg/purchase.svg
index c47a06d..83f6489 100644
--- a/src/svg/purchase.svg
+++ b/src/svg/purchase.svg
@@ -1,5 +1,9 @@
-<svg width="24px" height="17px" viewBox="0 0 24 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-	<path d="M0,0 L0,17 L24,17 L24,0 L0,0 L0,0 Z M22,15 L2,15 L2,8 L22,8 L22,15 L22,15 Z M2,4 L2,2 L22,2 L22,4 L2,4 L2,4 Z" id="Shape" fill="#323232"></path>
-	<rect id="Rectangle-path" fill="#323232" x="3" y="13" width="4" height="1"></rect>
-	<rect id="Rectangle-path" fill="#323232" x="8" y="13" width="5" height="1"></rect>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="11px" viewBox="0 0 16 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>purchase</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <path d="M15,3 L15,1 L1,1 L1,3 L15,3 Z M15,4 L1,4 L1,10 L15,10 L15,4 Z M0.75,0 L15.25,0 C15.6642136,0 16,0.335786438 16,0.75 L16,10.25 C16,10.6642136 15.6642136,11 15.25,11 L0.75,11 C0.335786438,11 5.07265313e-17,10.6642136 0,10.25 L0,0.75 C-5.07265313e-17,0.335786438 0.335786438,0 0.75,0 Z" id="CC-outline" fill="#000000" fill-rule="nonzero"></path>
+    <polygon id="line" fill="#000000" fill-rule="nonzero" points="2 9 2 8 7 8 7 9"></polygon>
+</svg>
diff --git a/src/svg/restart.svg b/src/svg/restart.svg
index 25c5838..66f3c6e 100644
--- a/src/svg/restart.svg
+++ b/src/svg/restart.svg
@@ -1,3 +1,10 @@
-<svg width="18px" height="24px" viewBox="0 0 18 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-    <path d="M10.9,9.5 L12.2,10.8 L14.6,8.4 L16,7 L17.6,5.4 L12.2,0 L10.9,1.3 L14.2,4.4 L9.5,4.4 L9.5,4.4 L9.5,4.4 C7.3,4.4 5.3,5.2 3.7,6.4 C1.5,8.1 0,10.8 0,13.9 C0,19.1 4.3,23.4 9.5,23.4 C11.9,23.4 14,22.5 15.7,21.1 L14.3,19.7 C13,20.8 11.3,21.4 9.5,21.4 C5.4,21.4 2,18 2,13.9 C2,9.8 5.4,6.4 9.5,6.4 L9.5,6.4 L14.3,6.4 L13.2,7.4 L10.9,9.5 L10.9,9.5 Z"></path>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13px" height="16px" viewBox="0 0 13 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>restart</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="restart" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M10.9476177,3 L8.54213345,0.726810516 L9.22897148,5.4904749e-14 L13,3.56363279 L9.22800918,7.10779198 L8.5432543,6.37901853 L11.0752049,4 L6.5,4 C3.46243388,4 1,6.46243388 1,9.5 C1,12.5375661 3.46243388,15 6.5,15 C9.53756612,15 12,12.5375661 12,9.5 L13,9.5 C13,13.0898509 10.0898509,16 6.5,16 C2.91014913,16 0,13.0898509 0,9.5 C-1.77635684e-15,5.91014913 2.91014913,3 6.5,3 L10.9476177,3 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+    </g>
 </svg>
\ No newline at end of file
diff --git a/src/svg/save.svg b/src/svg/save.svg
new file mode 100644
index 0000000..e6a48ca
--- /dev/null
+++ b/src/svg/save.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>save</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="save" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,1.59686457 L12,4.00297619 C12,4.55526094 11.5522847,5.00297619 11,5.00297619 L5,5.00297619 C4.44771525,5.00297619 4,4.55526094 4,4.00297619 L4,1 L1,1 L1,15 L4,15 L4,9 C4,8.44771525 4.44771525,8 5,8 L11,8 C11.5522847,8 12,8.44771525 12,9 L12,15 L15,15 L15,4.70207759 L12,1.59686457 Z M1,0 L11.8477028,0 L16,4.29792241 L16,15 C16,15.5522847 15.5522847,16 15,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 Z M11,9 L5,9 L5,14.9916287 L11,14.9988035 L11,9 Z M5,1 L5,4.00297619 L11,4.00297619 L11,1 L5,1 Z" id="Save" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/settings.svg b/src/svg/settings.svg
index c143a52..1e93bfe 100644
--- a/src/svg/settings.svg
+++ b/src/svg/settings.svg
@@ -1,3 +1,9 @@
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-	<path d="M21.2,12 C21.2,11.5 21.2,11 21.1,10.6 L24,8 L21.5,3.9 L18,5.1 C17.2,4.4 16.2,3.8 15.1,3.4 L14.4,0 L9.6,0 L8.8,3.4 C7.7,3.8 6.8,4.4 5.9,5.1 L2.5,3.9 L0,8 L2.9,10.6 C2.8,11 2.8,11.5 2.8,12 C2.8,12.5 2.8,13 2.9,13.4 L0,16 L2.5,20.1 L6,18.9 C6.8,19.6 7.8,20.2 8.9,20.6 L9.6,24 L14.4,24 L15.2,20.6 C16.3,20.2 17.2,19.6 18.1,18.9 L21.6,20 L24,16 L21.1,13.4 C21.2,13 21.2,12.5 21.2,12 L21.2,12 L21.2,12 Z M12,15 C10.3,15 9,13.7 9,12 C9,10.3 10.3,9 12,9 C13.7,9 15,10.3 15,12 C15,13.7 13.7,15 12,15 L12,15 L12,15 Z" id="Shape" fill="#000000"></path>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="16px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>settings</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <path d="M7.53094746,10.5 C8.91165933,10.5 10.0309475,9.38071187 10.0309475,8 C10.0309475,6.61928813 8.91165933,5.5 7.53094746,5.5 C6.15023559,5.5 5.03094746,6.61928813 5.03094746,8 C5.03094746,9.38071187 6.15023559,10.5 7.53094746,10.5 Z M7.53094746,11.5 C5.59795084,11.5 4.03094746,9.93299662 4.03094746,8 C4.03094746,6.06700338 5.59795084,4.5 7.53094746,4.5 C9.46394408,4.5 11.0309475,6.06700338 11.0309475,8 C11.0309475,9.93299662 9.46394408,11.5 7.53094746,11.5 Z" id="Oval-18" fill="#000000" fill-rule="nonzero"></path>
+    <path d="M6.26789032,2.63558596 L5.9552213,2.72890567 C5.29271941,2.92663707 4.67524579,3.24823292 4.13305732,3.6748249 L3.87752701,3.87587525 L2.45121896,3.12148117 L1.23683273,4.85580444 L2.42344143,5.92892913 L2.31853354,6.2396927 C2.12884572,6.8015958 2.03094746,7.39381669 2.03094746,8 C2.03094746,8.33752411 2.06129114,8.67092688 2.12109725,8.99755011 L2.17127385,9.271583 L1.00002682,10.3308152 L2.21441305,12.0651385 L3.27476588,11.5043031 L3.53588667,11.7801648 C4.19766416,12.4793012 5.03129986,12.9953392 5.9552213,13.2710943 L6.26789032,13.364414 L6.47233857,15 L8.58955635,15 L8.7940046,13.364414 L9.10667362,13.2710943 C9.9345182,13.0240145 10.6906973,12.5838421 11.3162734,11.9901692 L11.5767711,11.7429564 L12.6665778,12.3193702 L13.880964,10.5850469 L12.8007848,9.60817313 L12.8720838,9.31821942 C12.9772474,8.89054793 13.0309475,8.4490004 13.0309475,8 C13.0309475,7.4561209 12.952147,6.92336432 12.7987807,6.41338882 L12.7077279,6.11061913 L13.8585031,5.06990097 L12.6441168,3.33557769 L11.3448293,4.02278885 L11.0867592,3.80386264 C10.5083512,3.31318725 9.83492334,2.94626028 9.10667362,2.72890567 L8.7940046,2.63558596 L8.58955635,1 L6.47233857,1 L6.26789032,2.63558596 Z M5.48006069,0.875965265 C5.5426143,0.375536443 5.9680153,1.11022302e-16 6.47233857,1.11022302e-16 L8.58955635,0 C9.09387962,0 9.51928062,0.375536443 9.58183423,0.875965265 L9.70648244,1.873151 C10.3400396,2.09813191 10.9335805,2.42037059 11.4670642,2.82687687 L12.1765729,2.45160784 C12.6223795,2.21581457 13.1740009,2.34888382 13.4632689,2.76200126 L14.6776551,4.49632453 C14.966923,4.90944197 14.9033016,5.47330893 14.5292536,5.81158402 L13.8409539,6.43405658 C13.9666774,6.9421926 14.0309475,7.46698201 14.0309475,8 C14.0309475,8.42712074 13.9896813,8.84909708 13.9084912,9.26165674 L14.5517145,9.8433639 C14.9257625,10.181639 14.989384,10.7455059 14.700116,11.1586234 L13.4857298,12.8929467 C13.1964619,13.3060641 12.6448404,13.4391333 12.1990339,13.2033401 L11.7347653,12.957782 C11.1356478,13.4662793 10.4488461,13.8632235 9.70648262,14.1268476 L9.58183423,15.1240347 C9.51928062,15.6244636 9.09387962,16 8.58955635,16 L6.47233857,16 C5.9680153,16 5.5426143,15.6244636 5.48006069,15.1240347 L5.35541212,14.1268461 C4.50835873,13.8260382 3.734424,13.3519174 3.08105648,12.738019 L2.68195695,12.9491083 C2.23615038,13.1849016 1.68452895,13.0518323 1.395261,12.6387149 L0.180874772,10.9043916 C-0.108393171,10.4912742 -0.0447717189,9.92740722 0.329276302,9.58913213 L1.0926419,8.89877272 C1.05165681,8.60267186 1.03094746,8.30258396 1.03094746,8 C1.03094746,7.39749919 1.11307184,6.80568847 1.27305192,6.23684454 L0.56608222,5.59748749 C0.192034199,5.2592124 0.128412747,4.69534544 0.41768069,4.282228 L1.63206692,2.54790473 C1.92133486,2.13478729 2.4729563,2.00171805 2.91876287,2.23751131 L3.77825629,2.69210929 C4.26345375,2.3484871 4.7938307,2.07257011 5.35541257,1.87315026 L5.48006069,0.875965265 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+</svg>
diff --git a/src/svg/star--outline.svg b/src/svg/star--outline.svg
new file mode 100644
index 0000000..4be9a1a
--- /dev/null
+++ b/src/svg/star--outline.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="15px" viewBox="0 0 16 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>star--outline</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="star--outline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M7.99865739,1.11803403 L5.82922792,5.45973263 L1.06619783,6.10923673 L4.53983058,9.58357959 L3.68011537,14.1007775 L7.99829177,11.940983 L12.319776,14.1010187 L11.459346,9.58376135 L14.93366,6.10546883 L10.1710548,5.45998904 L7.99865739,1.11803403 Z" id="star" stroke="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/star--solid.svg b/src/svg/star--solid.svg
new file mode 100644
index 0000000..2a13e0e
--- /dev/null
+++ b/src/svg/star--solid.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="15px" viewBox="0 0 16 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>star--solid</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="star--solid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <polygon id="star" fill="#000000" points="7.99836489 0 5.5 5 0 5.75 3.99918245 9.75 3 15 7.99836489 12.5 13 15 12 9.75 16 5.74541951 10.5 5"></polygon>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/stop--outline.svg b/src/svg/stop--outline.svg
index 6ff6d99..9685a1c 100644
--- a/src/svg/stop--outline.svg
+++ b/src/svg/stop--outline.svg
@@ -1,4 +1,9 @@
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-	<rect id="Rectangle-path" fill="#000000" x="8" y="8" width="8" height="8"></rect>
-	<path d="M12,2 C17.5,2 22,6.5 22,12 C22,17.5 17.5,22 12,22 C6.5,22 2,17.5 2,12 C2,6.5 6.5,2 12,2 L12,2 Z M12,0 C5.4,0 0,5.4 0,12 C0,18.6 5.4,24 12,24 C18.6,24 24,18.6 24,12 C24,5.4 18.6,0 12,0 L12,0 L12,0 Z" id="Shape" fill="#000000"></path>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>stop--outline</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <path d="M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z" id="Oval-16" fill="#000000" fill-rule="nonzero"></path>
+    <path d="M6,6 L6,10 L10,10 L10,6 L6,6 Z M6,5 L10,5 C10.5522847,5 11,5.44771525 11,6 L11,10 C11,10.5522847 10.5522847,11 10,11 L6,11 C5.44771525,11 5,10.5522847 5,10 L5,6 C5,5.44771525 5.44771525,5 6,5 Z" id="Rectangle-14" fill="#000000" fill-rule="nonzero"></path>
+</svg>
diff --git a/src/svg/stop--solid.svg b/src/svg/stop--solid.svg
new file mode 100644
index 0000000..70ebd68
--- /dev/null
+++ b/src/svg/stop--solid.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>stop--solid</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="stop--solid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M6,5 C5.44771525,5 5,5.44771525 5,6 L5,10 C5,10.5522847 5.44771525,11 6,11 L10,11 C10.5522847,11 11,10.5522847 11,10 L11,6 C11,5.44771525 10.5522847,5 10,5 L6,5 Z" id="stop" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/subtract--outline.svg b/src/svg/subtract--outline.svg
new file mode 100644
index 0000000..d54e3a7
--- /dev/null
+++ b/src/svg/subtract--outline.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>subtract--outline</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="subtract--outline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z" id="Oval-3" fill="#000000" fill-rule="nonzero"></path>
+        <rect id="Rectangle-3" fill="#000000" x="4" y="7.5" width="8" height="1"></rect>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/subtract--solid.svg b/src/svg/subtract--solid.svg
new file mode 100644
index 0000000..dcd9117
--- /dev/null
+++ b/src/svg/subtract--solid.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>subtract--solid</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="subtract--solid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z" id="Oval-3" fill="#000000" fill-rule="nonzero"></path>
+        <rect id="Rectangle-3" fill="#FFFFFF" x="4" y="7.5" width="8" height="1"></rect>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/terminal.svg b/src/svg/terminal.svg
new file mode 100644
index 0000000..46409a1
--- /dev/null
+++ b/src/svg/terminal.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>terminal</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <path d="M16,4.5 L16.0002173,4.99999995 L16,15 C16,15.5522847 15.5522847,16 15,16 L1,16 C0.44771525,16 6.77084257e-17,15.5522847 8.13151629e-20,15 L8.13151629e-20,4.50695233 L-0.000217260221,4.00695237 L8.13151629e-20,1 C-6.75457953e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L15,0 C15.5522847,-1.01453063e-16 16,0.44771525 16,1 L16,4.5 Z M15,4.00043447 L15,1 L1,1 L1,4.00651776 L15,4.00043447 Z M15,5.00043457 L1,5.00651785 L1,15 L15,15 L15,5.00043457 Z" id="window" fill="#000000" fill-rule="nonzero"></path>
+    <polygon id="mini-chevron" fill="#000000" fill-rule="nonzero" points="3.02020171 8.35355339 3.72730849 7.64644661 6.02019459 9.93933271 3.72730849 12.2322188 3.02020171 11.525112 4.60598103 9.93933271"></polygon>
+</svg>
diff --git a/src/svg/unlock.svg b/src/svg/unlock.svg
new file mode 100644
index 0000000..efdd833
--- /dev/null
+++ b/src/svg/unlock.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="16px" viewBox="0 0 12 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>unlocked</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="unlocked" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M2.5,7 L2.5,3.5 C2.5,1.56700338 4.06700338,3.88578059e-16 6,0 C7.93299662,-3.23815049e-16 9.5,1.56700338 9.5,3.5 L9.5,4 L8.5,4 L8.5,3.5 C8.5,2.11928813 7.38071187,1 6,1 C4.61928813,1 3.5,2.11928813 3.5,3.5 L3.5,7 L10.5,7 C11.3284271,7 12,7.67157288 12,8.5 L12,14.5 C12,15.3284271 11.3284271,16 10.5,16 L1.5,16 C0.671572875,16 0,15.3284271 0,14.5 L0,8.5 C0,7.67157288 0.671572875,7 1.5,7 L2.5,7 Z M1.5,8 C1.22385763,8 1,8.22385763 1,8.5 L1,14.5 C1,14.7761424 1.22385763,15 1.5,15 L10.5,15 C10.7761424,15 11,14.7761424 11,14.5 L11,8.5 C11,8.22385763 10.7761424,8 10.5,8 L1.5,8 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/user.svg b/src/svg/user.svg
index 25be24e..febbc05 100644
--- a/src/svg/user.svg
+++ b/src/svg/user.svg
@@ -1,4 +1,9 @@
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-rule="evenodd">
-		<path d="M16,6.4 C19.9,6.4 23,9.5 23,13.4 C23,17.3 19.9,20.4 16,20.4 C12.1,20.4 9,17.3 9,13.4 C9,9.5 12.1,6.4 16,6.4 L16,6.4 Z M16,4.4 C11,4.4 7,8.4 7,13.4 C7,18.4 11,22.4 16,22.4 C21,22.4 25,18.4 25,13.4 C25,8.4 21,4.4 16,4.4 L16,4.4 L16,4.4 Z" id="Shape" fill="#000000"></path>
-		<path d="M16,0 C7.2,0 0,7.2 0,16 C0,24.8 7.2,32 16,32 C24.8,32 32,24.8 32,16 C32,7.2 24.8,0 16,0 L16,0 Z M23.3,24.3 L8.7,24.3 C7.5,24.3 6.5,24.8 5.9,25.6 C3.5,23.1 2,19.7 2,16 C2,8.3 8.3,2 16,2 C23.7,2 30,8.3 30,16 C30,19.7 28.5,23.1 26.1,25.6 C25.5,24.8 24.4,24.3 23.3,24.3 L23.3,24.3 Z" id="Shape" fill="#000000"></path>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>user</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <path d="M4,13.7453107 C5.13383348,14.5361852 6.51275186,15 8,15 C9.48724814,15 10.8661665,14.5361852 12,13.7453107 L12,12.5 C12,11.6715729 11.3284271,11 10.5,11 L5.5,11 C4.67157288,11 4,11.6715729 4,12.5 L4,13.7453107 Z M3,12.8989827 L3,12.5 C3,11.1192881 4.11928813,10 5.5,10 L10.5,10 C11.8807119,10 13,11.1192881 13,12.5 L13,12.8989827 C14.237187,11.6364456 15,9.90730507 15,8 C15,4.13400675 11.8659932,1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,9.90730507 1.76281298,11.6364456 3,12.8989827 Z M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z" id="Combined-Shape" fill="#000000" fill-rule="nonzero"></path>
+    <path d="M8,8 C9.1045695,8 10,7.1045695 10,6 C10,4.8954305 9.1045695,4 8,4 C6.8954305,4 6,4.8954305 6,6 C6,7.1045695 6.8954305,8 8,8 Z M8,9 C6.34314575,9 5,7.65685425 5,6 C5,4.34314575 6.34314575,3 8,3 C9.65685425,3 11,4.34314575 11,6 C11,7.65685425 9.65685425,9 8,9 Z" id="Oval-17" fill="#000000" fill-rule="nonzero"></path>
+</svg>
diff --git a/src/svg/visibility-off.svg b/src/svg/visibility-off.svg
new file mode 100644
index 0000000..ee390b1
--- /dev/null
+++ b/src/svg/visibility-off.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>visibility-off</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="visibility-off" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M11.846495,3.45063931 L15.2934308,0.00636933239 L16.000264,0.713749593 L12.7160756,3.99539801 C13.9772764,4.89734696 15.0927721,6.20730363 16.0625626,7.92526802 C14.0208542,11.641756 11.3333333,13.5 8,13.5 C6.60754267,13.5 5.33343781,13.1757283 4.17768542,12.5271849 L0.703407939,15.9987755 L-0.0034252568,15.2913952 L3.32013778,11.9704025 C2.07119016,11.0433881 0.976031587,9.6950099 0.0346620721,7.92526802 C2.01155402,4.30842267 4.66666667,2.5 8,2.5 C9.39532711,2.5 10.6774921,2.81687977 11.846495,3.45063931 Z M4.91755895,11.7878836 C5.86176069,12.2652266 6.88779857,12.5 8,12.5 C10.7946857,12.5 13.0756579,11.0173384 14.9071989,7.93228597 C14.0410603,6.51500049 13.0736274,5.44591537 11.9977607,4.7131574 L10.4464598,6.26325861 C10.7950302,6.75338641 11,7.35275657 11,8 C11,9.65685425 9.65685425,11 8,11 C7.35192403,11 6.75184455,10.7945026 6.26136781,10.445114 L4.91755895,11.7878836 Z M4.03618732,11.2549068 L5.5543661,9.7379021 C5.20529357,9.24756001 5,8.64775445 5,8 C5,6.34314575 6.34314575,5 8,5 C8.64858701,5 9.2491018,5.20582163 9.73979228,5.55571281 L11.103235,4.19332453 C10.1483658,3.72875087 9.11537159,3.5 8,3.5 C5.20217392,3.5 2.95304924,4.93894478 1.18100508,7.93212341 C2.02330683,9.39672746 2.97259113,10.4999205 4.03618732,11.2549068 Z M6.98397475,9.72306589 C7.28174062,9.8990259 7.62907843,10 8,10 C9.1045695,10 10,9.1045695 10,8 C10,7.62963151 9.8993268,7.2827765 9.7238525,6.98530707 L6.98397475,9.72306589 Z M6.27688494,9.01594204 L9.01727378,6.27767253 C8.71923048,6.10125661 8.37144012,6 8,6 C6.8954305,6 6,6.8954305 6,8 C6,8.37088702 6.10095528,8.71819467 6.27688494,9.01594204 Z" id="hide" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svg/visibility-on.svg b/src/svg/visibility-on.svg
new file mode 100644
index 0000000..74fa55b
--- /dev/null
+++ b/src/svg/visibility-on.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="11px" viewBox="0 0 16 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>visibility-on</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <path d="M8,7.5 C9.1045695,7.5 10,6.6045695 10,5.5 C10,4.3954305 9.1045695,3.5 8,3.5 C6.8954305,3.5 6,4.3954305 6,5.5 C6,6.6045695 6.8954305,7.5 8,7.5 Z M8,8.5 C6.34314575,8.5 5,7.15685425 5,5.5 C5,3.84314575 6.34314575,2.5 8,2.5 C9.65685425,2.5 11,3.84314575 11,5.5 C11,7.15685425 9.65685425,8.5 8,8.5 Z" id="Oval-20" fill="#000000" fill-rule="nonzero"></path>
+    <path d="M11.1902198,8.73106356 C13.1663611,6.75492232 13.7308519,4.09363138 12.8444855,0.61707479 C9.43577707,-0.205680408 6.80520053,0.388160815 4.82625882,2.36710253 C2.84789702,4.34546432 2.27501332,6.95332325 3.13848579,10.3228446 C6.57606584,11.2501534 9.21468295,10.7066005 11.1902198,8.73106356 Z M4.11915204,1.65999575 C6.47617464,-0.697026854 9.65528681,-1.31864316 13.6564885,-0.204853153 C14.8407365,3.86680657 14.2543492,7.08114774 11.8973266,9.43817034 C9.54030402,11.7951929 6.34887894,12.3586642 2.32305138,11.128584 C1.16342921,7.17321444 1.76212943,4.01701835 4.11915204,1.65999575 Z" id="Rectangle-17" fill="#000000" fill-rule="nonzero" transform="translate(8.000000, 5.510164) rotate(45.000000) translate(-8.000000, -5.510164) "></path>
+</svg>