diff --git a/public/img/icon-about.svg b/public/img/icon-about.svg
new file mode 100644
index 000000000..a646153ca
--- /dev/null
+++ b/public/img/icon-about.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>56CDED2F-4C6C-4463-A1F8-2D5CA198DC77</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-369.000000, -769.000000)" stroke="#8F8F90">
+            <g id="icons/list-items/sync" transform="translate(370.000000, 770.000000)">
+                <g id="icon/info">
+                    <g>
+                        <circle id="Oval" cx="9" cy="9" r="9"></circle>
+                        <polyline id="Shape" points="7.36363636 8.18181818 9 8.18181818 9 13.0909091"></polyline>
+                        <path d="M7.36363636,13 L10.6363636,13" id="Shape"></path>
+                        <path d="M9,4.90909091 L9,5.72727273" id="Shape"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/icon-address-book.svg b/public/img/icon-address-book.svg
new file mode 100644
index 000000000..b9a5ff0d6
--- /dev/null
+++ b/public/img/icon-address-book.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="19px" viewBox="0 0 18 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>497EDE1E-1EB6-4FBF-8440-97D248EFDC4C</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-185.000000, -769.000000)" stroke="#8F8F90">
+            <g id="icons/list-items/sync" transform="translate(186.000000, 770.000000)">
+                <g id="Group" transform="translate(0.386364, 0.370709)">
+                    <path d="M0,16.3112128 L0,-1.77635684e-15 L12.3636364,-1.77635684e-15 C13.2136364,-1.77635684e-15 13.9090909,0.667276888 13.9090909,1.48283753 L13.9090909,14.8283753 C13.9090909,15.6439359 13.2136364,16.3112128 12.3636364,16.3112128 L0,16.3112128 L0,16.3112128 Z" id="Shape"></path>
+                    <path d="M15.4545455,2.22425629 L15.4545455,3.70709382" id="Shape"></path>
+                    <path d="M15.4545455,5.93135011 L15.4545455,7.41418764" id="Shape"></path>
+                    <path d="M7.72727273,7.93318078 L9.42727273,9.19359268 C9.81363636,9.49016018 10.0454545,9.93501144 10.0454545,10.3798627 L10.0454545,11.1212815 L3.86363636,11.1212815 L3.86363636,10.3798627 C3.86363636,9.93501144 4.09545455,9.49016018 4.48181818,9.19359268 L6.18181818,8.00732265" id="Shape"></path>
+                    <path d="M6.95454545,8.15560641 L6.95454545,8.15560641 C6.10454545,8.15560641 5.40909091,7.48832952 5.40909091,6.67276888 L5.40909091,5.93135011 C5.40909091,5.11578947 6.10454545,4.44851259 6.95454545,4.44851259 L6.95454545,4.44851259 C7.80454545,4.44851259 8.5,5.11578947 8.5,5.93135011 L8.5,6.67276888 C8.5,7.48832952 7.80454545,8.15560641 6.95454545,8.15560641 L6.95454545,8.15560641 Z" id="Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/icon-alternative-currency.svg b/public/img/icon-alternative-currency.svg
new file mode 100644
index 000000000..e882f2780
--- /dev/null
+++ b/public/img/icon-alternative-currency.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>3A719124-019D-470F-908A-5D61F117A295</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-324.000000, -770.000000)" stroke="#8F8F90" stroke-width="0.7">
+            <g id="icons/list-items/sync" transform="translate(324.000000, 770.000000)">
+                <g id="Group" transform="translate(0.365217, 0.365217)">
+                    <polyline id="Shape" points="10.5913043 11.6869565 0 11.6869565 0 0 16.0695652 0 16.0695652 7.96173913"></polyline>
+                    <ellipse id="Oval" cx="8.03478261" cy="5.84347826" rx="1.46086957" ry="1.46086957"></ellipse>
+                    <path d="M13.8782609,6.57391304 L13.8782609,4.3826087 C12.6365217,4.3826087 11.6869565,3.43304348 11.6869565,2.19130435 L4.3826087,2.19130435 C4.3826087,3.43304348 3.43304348,4.3826087 2.19130435,4.3826087 L2.19130435,7.30434783 C3.43304348,7.30434783 4.3826087,8.25391304 4.3826087,9.49565217 L10.5913043,9.49565217" id="Shape"></path>
+                    <path d="M15.0469565,13.5130435 C15.6313043,13.8052174 16.0695652,14.1704348 16.0695652,14.6086957 C16.0695652,15.4121739 14.7547826,16.0695652 13.1478261,16.0695652 C11.5408696,16.0695652 10.226087,15.4121739 10.226087,14.6086957 C10.226087,14.1704348 10.5913043,13.8052174 11.2486957,13.5130435" id="Shape"></path>
+                    <path d="M15.0469565,11.3217391 C15.6313043,11.613913 16.0695652,11.9791304 16.0695652,12.4173913 C16.0695652,13.2208696 14.7547826,13.8782609 13.1478261,13.8782609 C11.5408696,13.8782609 10.226087,13.2208696 10.226087,12.4173913 C10.226087,11.9791304 10.5913043,11.613913 11.1756522,11.3217391" id="Shape"></path>
+                    <path d="M15.0469565,9.13043478 C15.6313043,9.4226087 16.0695652,9.78782609 16.0695652,10.226087 C16.0695652,11.0295652 14.7547826,11.6869565 13.1478261,11.6869565 C11.5408696,11.6869565 10.226087,11.0295652 10.226087,10.226087 C10.226087,9.78782609 10.5913043,9.4226087 11.1756522,9.13043478" id="Shape"></path>
+                    <ellipse id="Oval" cx="13.1478261" cy="8.03478261" rx="2.92173913" ry="1.46086957"></ellipse>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/icon-excahnge.svg b/public/img/icon-excahnge.svg
new file mode 100644
index 000000000..2eec6cdac
--- /dev/null
+++ b/public/img/icon-excahnge.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>CEACEB0C-360F-42C8-8D65-89BE2C0C9E86</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-496.000000, -770.000000)" stroke="#8F8F90">
+            <g id="icons/list-items/sync" transform="translate(497.000000, 770.000000)">
+                <g id="Group" transform="translate(0.403361, 0.391304)">
+                    <path d="M0,8.60869565 C0,4.30434783 3.6302521,0.782608696 8.06722689,0.782608696 C11.2134454,0.782608696 13.9563025,2.50434783 15.2470588,5.08695652" id="Shape"></path>
+                    <path d="M16.1344538,8.60869565 C16.1344538,12.9130435 12.5042017,16.4347826 8.06722689,16.4347826 C4.9210084,16.4347826 2.17815126,14.7130435 0.887394958,12.1304348" id="Shape"></path>
+                    <polyline id="Shape" points="15.9731092 0.547826087 15.3277311 5.16521739 10.487395 4.53913043"></polyline>
+                    <polyline id="Shape" points="0.161344538 16.6695652 0.806722689 12.0521739 5.64705882 12.6782609"></polyline>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/icon-language.svg b/public/img/icon-language.svg
new file mode 100644
index 000000000..15adeb549
--- /dev/null
+++ b/public/img/icon-language.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="19px" height="19px" viewBox="0 0 19 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>7368D005-CAC7-454B-8CF2-4315F4016920</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-277.000000, -769.000000)" stroke="#8F8F90">
+            <g id="icons/list-items/sync" transform="translate(278.000000, 770.000000)">
+                <g id="Group" transform="translate(0.347826, 0.378151)">
+                    <path d="M14.889225,12.3491049 C16.1172023,11.0140665 16.8846881,9.34526854 16.8846881,7.50959079 C16.8846881,3.33759591 13.1240076,0 8.44234405,0 C3.76068053,0 0,3.33759591 0,7.50959079 C0,11.6815857 3.76068053,15.0191816 8.44234405,15.0191816 C9.28657845,15.0191816 10.0540643,14.9357417 10.8215501,14.685422 L15.3497164,16.6879795 L14.889225,12.3491049 L14.889225,12.3491049 Z" id="Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/icon-network.svg b/public/img/icon-network.svg
new file mode 100644
index 000000000..fca2a763b
--- /dev/null
+++ b/public/img/icon-network.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>D1663024-9AD7-491F-B0E0-B718DFFAA258</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-634.000000, -770.000000)" stroke="#8F8F90" stroke-width="0.7">
+            <g id="icons/list-items/sync" transform="translate(634.000000, 770.000000)">
+                <g id="Group" transform="translate(0.403361, 0.403361)">
+                    <path d="M7.41176471,6.45378151 L7.41176471,9.68067227" id="Shape"></path>
+                    <polyline id="Shape" points="1.61344538 9.68067227 1.61344538 8.06722689 14.5210084 8.06722689 14.5210084 9.68067227"></polyline>
+                    <ellipse id="Oval" cx="8.06722689" cy="1.61344538" rx="1.61344538" ry="1.61344538"></ellipse>
+                    <ellipse id="Oval" cx="1.61344538" cy="14.5210084" rx="1.61344538" ry="1.61344538"></ellipse>
+                    <ellipse id="Oval" cx="8.06722689" cy="14.5210084" rx="1.61344538" ry="1.61344538"></ellipse>
+                    <ellipse id="Oval" cx="14.5210084" cy="14.5210084" rx="1.61344538" ry="1.61344538"></ellipse>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/icon-notifications.svg b/public/img/icon-notifications.svg
new file mode 100644
index 000000000..2da739440
--- /dev/null
+++ b/public/img/icon-notifications.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="21px" viewBox="0 0 20 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>A3CC6A90-742E-4634-91DC-28F2146B6659</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-542.000000, -768.000000)" stroke="#8F8F90">
+            <g id="icons/list-items/sync" transform="translate(543.000000, 769.000000)">
+                <g id="Group" transform="translate(0.392391, 0.413043)">
+                    <path d="M6.28767826,13.3123913 C6.33555,14.6357826 7.36361522,15.6956522 8.6326087,15.6956522 C9.90160217,15.6956522 10.927313,14.6357826 10.9759696,13.3123913" id="Shape"></path>
+                    <path d="M17.2652174,15.6956522 C17.2652174,14.1566522 16.4561065,11.1521739 14.126087,9.91304348 L14.126087,5.7826087 C14.126087,2.58895652 11.6665783,0 8.6326087,0 C5.59863913,0 3.13913043,2.58895652 3.13913043,5.7826087 L3.13913043,9.91304348 C0.784782609,11.1777826 0,14.1566522 0,15.6956522" id="Shape"></path>
+                    <ellipse id="Oval" cx="8.6326087" cy="15.6956522" rx="8.6326087" ry="2.47826087"></ellipse>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/icon-send-feedback.svg b/public/img/icon-send-feedback.svg
new file mode 100644
index 000000000..3223c60bb
--- /dev/null
+++ b/public/img/icon-send-feedback.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>C327FD1B-B044-4367-BB49-9491E30599E8</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-231.000000, -769.000000)" stroke="#8F8F90">
+            <g id="icons/list-items/sync" transform="translate(232.000000, 770.000000)">
+                <g id="Group" transform="translate(0.368286, 0.383523)">
+                    <path d="M11.7851662,0 C10.2383632,0 8.91253197,0.84375 8.10230179,2.07102273 C7.29207161,0.84375 5.96624041,0 4.41943734,0 C1.9887468,0 0,2.07102273 0,4.60227273 C0,9.20454545 8.10230179,16.1079545 8.10230179,16.1079545 C8.10230179,16.1079545 16.2046036,9.20454545 16.2046036,4.60227273 C16.2046036,2.07102273 14.2158568,0 11.7851662,0 L11.7851662,0 Z" id="Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/icon-unit.svg b/public/img/icon-unit.svg
new file mode 100644
index 000000000..1990672ac
--- /dev/null
+++ b/public/img/icon-unit.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="18px" viewBox="0 0 16 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>82D53068-08F3-45B0-B4C5-01E08714A956</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-590.000000, -770.000000)" fill="#8F8F90">
+            <g id="icons/list-items/sync" transform="translate(590.000000, 770.000000)">
+                <path d="M14.1416016,0 L1.29199219,0 C0.580078125,0 0,0.571289062 0,1.28320312 L0,16.7167969 C0,17.4199219 0.580078125,18 1.29199219,18 L14.1416016,18 C14.8535156,18 15.4335938,17.4199219 15.4335938,16.7167969 L15.4335938,1.28320312 C15.4335938,0.571289062 14.8535156,0 14.1416016,0 L14.1416016,0 Z M14.7919922,16.7167969 C14.7919922,17.0683594 14.5019531,17.3583984 14.1416016,17.3583984 L1.29199219,17.3583984 C0.931640625,17.3583984 0.641601562,17.0683594 0.641601562,16.7167969 L0.641601562,1.28320312 C0.641601562,0.931640625 0.931640625,0.641601562 1.29199219,0.641601562 L14.1416016,0.641601562 C14.5019531,0.641601562 14.7919922,0.931640625 14.7919922,1.28320312 L14.7919922,16.7167969 Z M12.8583984,1.92480469 L2.57519531,1.92480469 C2.21484375,1.92480469 1.93359375,2.21484375 1.93359375,2.56640625 L1.93359375,5.78320312 C1.93359375,6.14355469 2.21484375,6.42480469 2.57519531,6.42480469 L12.8583984,6.42480469 C13.21875,6.42480469 13.5,6.14355469 13.5,5.78320312 L13.5,2.56640625 C13.5,2.21484375 13.21875,1.92480469 12.8583984,1.92480469 L12.8583984,1.92480469 Z M12.8583984,5.78320312 L2.57519531,5.78320312 L2.57519531,2.56640625 L12.8583984,2.56640625 L12.8583984,5.78320312 Z M6.43359375,7.71679688 L5.79199219,7.71679688 C5.43164062,7.71679688 5.14160156,7.99804688 5.14160156,8.35839844 L5.14160156,9 C5.14160156,9.3515625 5.43164062,9.64160156 5.79199219,9.64160156 L6.43359375,9.64160156 C6.78515625,9.64160156 7.07519531,9.3515625 7.07519531,9 L7.07519531,8.35839844 C7.07519531,7.99804688 6.78515625,7.71679688 6.43359375,7.71679688 L6.43359375,7.71679688 Z M9.64160156,7.71679688 L9,7.71679688 C8.6484375,7.71679688 8.35839844,7.99804688 8.35839844,8.35839844 L8.35839844,9 C8.35839844,9.3515625 8.6484375,9.64160156 9,9.64160156 L9.64160156,9.64160156 C10.0019531,9.64160156 10.2919922,9.3515625 10.2919922,9 L10.2919922,8.35839844 C10.2919922,7.99804688 10.0019531,7.71679688 9.64160156,7.71679688 L9.64160156,7.71679688 Z M3.21679688,7.71679688 L2.57519531,7.71679688 C2.21484375,7.71679688 1.93359375,7.99804688 1.93359375,8.35839844 L1.93359375,9 C1.93359375,9.3515625 2.21484375,9.64160156 2.57519531,9.64160156 L3.21679688,9.64160156 C3.56835938,9.64160156 3.85839844,9.3515625 3.85839844,9 L3.85839844,8.35839844 C3.85839844,7.99804688 3.56835938,7.71679688 3.21679688,7.71679688 L3.21679688,7.71679688 Z M12.8583984,7.71679688 L12.2167969,7.71679688 C11.8652344,7.71679688 11.5751953,7.99804688 11.5751953,8.35839844 L11.5751953,9 C11.5751953,9.3515625 11.8652344,9.64160156 12.2167969,9.64160156 L12.8583984,9.64160156 C13.21875,9.64160156 13.5,9.3515625 13.5,9 L13.5,8.35839844 C13.5,7.99804688 13.21875,7.71679688 12.8583984,7.71679688 L12.8583984,7.71679688 Z M3.21679688,9 L2.57519531,9 L2.57519531,8.35839844 L3.21679688,8.35839844 L3.21679688,9 Z M6.43359375,9 L5.79199219,9 L5.79199219,8.35839844 L6.43359375,8.35839844 L6.43359375,9 Z M9.64160156,9 L9,9 L9,8.35839844 L9.64160156,8.35839844 L9.64160156,9 Z M12.8583984,9 L12.2167969,9 L12.2167969,8.35839844 L12.8583984,8.35839844 L12.8583984,9 Z M6.43359375,10.9248047 L5.79199219,10.9248047 C5.43164062,10.9248047 5.14160156,11.2148438 5.14160156,11.5664062 L5.14160156,12.2167969 C5.14160156,12.5683594 5.43164062,12.8583984 5.79199219,12.8583984 L6.43359375,12.8583984 C6.78515625,12.8583984 7.07519531,12.5683594 7.07519531,12.2167969 L7.07519531,11.5664062 C7.07519531,11.2148438 6.78515625,10.9248047 6.43359375,10.9248047 L6.43359375,10.9248047 Z M3.21679688,10.9248047 L2.57519531,10.9248047 C2.21484375,10.9248047 1.93359375,11.2148438 1.93359375,11.5664062 L1.93359375,12.2167969 C1.93359375,12.5683594 2.21484375,12.8583984 2.57519531,12.8583984 L3.21679688,12.8583984 C3.56835938,12.8583984 3.85839844,12.5683594 3.85839844,12.2167969 L3.85839844,11.5664062 C3.85839844,11.2148438 3.56835938,10.9248047 3.21679688,10.9248047 L3.21679688,10.9248047 Z M12.8583984,10.9248047 L12.2167969,10.9248047 C11.8652344,10.9248047 11.5751953,11.2148438 11.5751953,11.5664062 L11.5751953,15.4248047 C11.5751953,15.7851562 11.8652344,16.0664062 12.2167969,16.0664062 L12.8583984,16.0664062 C13.21875,16.0664062 13.5,15.7851562 13.5,15.4248047 L13.5,11.5664062 C13.5,11.2148438 13.21875,10.9248047 12.8583984,10.9248047 L12.8583984,10.9248047 Z M9.64160156,10.9248047 L9,10.9248047 C8.6484375,10.9248047 8.35839844,11.2148438 8.35839844,11.5664062 L8.35839844,12.2167969 C8.35839844,12.5683594 8.6484375,12.8583984 9,12.8583984 L9.64160156,12.8583984 C10.0019531,12.8583984 10.2919922,12.5683594 10.2919922,12.2167969 L10.2919922,11.5664062 C10.2919922,11.2148438 10.0019531,10.9248047 9.64160156,10.9248047 L9.64160156,10.9248047 Z M3.21679688,12.2167969 L2.57519531,12.2167969 L2.57519531,11.5664062 L3.21679688,11.5664062 L3.21679688,12.2167969 Z M6.43359375,12.2167969 L5.79199219,12.2167969 L5.79199219,11.5664062 L6.43359375,11.5664062 L6.43359375,12.2167969 Z M12.8583984,15.4248047 L12.2167969,15.4248047 L12.2167969,11.5664062 L12.8583984,11.5664062 L12.8583984,15.4248047 Z M9.64160156,12.2167969 L9,12.2167969 L9,11.5664062 L9.64160156,11.5664062 L9.64160156,12.2167969 Z M3.21679688,14.1416016 L2.57519531,14.1416016 C2.21484375,14.1416016 1.93359375,14.4316406 1.93359375,14.7832031 L1.93359375,15.4248047 C1.93359375,15.7851562 2.21484375,16.0664062 2.57519531,16.0664062 L3.21679688,16.0664062 C3.56835938,16.0664062 3.85839844,15.7851562 3.85839844,15.4248047 L3.85839844,14.7832031 C3.85839844,14.4316406 3.56835938,14.1416016 3.21679688,14.1416016 L3.21679688,14.1416016 Z M6.43359375,14.1416016 L5.79199219,14.1416016 C5.43164062,14.1416016 5.14160156,14.4316406 5.14160156,14.7832031 L5.14160156,15.4248047 C5.14160156,15.7851562 5.43164062,16.0664062 5.79199219,16.0664062 L6.43359375,16.0664062 C6.78515625,16.0664062 7.07519531,15.7851562 7.07519531,15.4248047 L7.07519531,14.7832031 C7.07519531,14.4316406 6.78515625,14.1416016 6.43359375,14.1416016 L6.43359375,14.1416016 Z M9.64160156,14.1416016 L9,14.1416016 C8.6484375,14.1416016 8.35839844,14.4316406 8.35839844,14.7832031 L8.35839844,15.4248047 C8.35839844,15.7851562 8.6484375,16.0664062 9,16.0664062 L9.64160156,16.0664062 C10.0019531,16.0664062 10.2919922,15.7851562 10.2919922,15.4248047 L10.2919922,14.7832031 C10.2919922,14.4316406 10.0019531,14.1416016 9.64160156,14.1416016 L9.64160156,14.1416016 Z M9.64160156,15.4248047 L9,15.4248047 L9,14.7832031 L9.64160156,14.7832031 L9.64160156,15.4248047 Z M3.21679688,15.4248047 L2.57519531,15.4248047 L2.57519531,14.7832031 L3.21679688,14.7832031 L3.21679688,15.4248047 Z M6.43359375,15.4248047 L5.79199219,15.4248047 L5.79199219,14.7832031 L6.43359375,14.7832031 L6.43359375,15.4248047 Z" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/transaction-ico-down.svg b/public/img/transaction-ico-down.svg
new file mode 100644
index 000000000..6222b9c3d
--- /dev/null
+++ b/public/img/transaction-ico-down.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="28px" viewBox="0 0 20 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>78FB16E7-9CC3-4CDA-A486-CB4310074D47</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square" opacity="0.6">
+        <g id="Icons" transform="translate(-413.000000, -765.000000)" stroke="#32424E" stroke-width="3" fill="#32424E">
+            <g id="transaction-ico-down" transform="translate(417.000000, 767.000000)">
+                <path d="M5.82172961,0.186422001 L5.82172961,18.4595827 M5.93564157,24 L12,18.3836983 L0,18.3836983 L5.93564157,24 Z" id="Triangle-2-Copy-2"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/transaction-ico-up.svg b/public/img/transaction-ico-up.svg
new file mode 100644
index 000000000..e62cbe558
--- /dev/null
+++ b/public/img/transaction-ico-up.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="28px" viewBox="0 0 20 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>63F37BA0-E6F5-4C27-A289-41CF276928B5</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square" opacity="0.6">
+        <g id="Icons" transform="translate(-453.000000, -765.000000)" stroke="#32424E" stroke-width="3" fill="#32424E">
+            <g id="transaction-ico-up" transform="translate(457.000000, 767.000000)">
+                <path d="M5.82172961,0.186422001 L5.82172961,18.4595827 M5.93564157,24 L12,18.3836983 L0,18.3836983 L5.93564157,24 Z" id="Triangle-2-Copy-2" transform="translate(6.000000, 12.000000) scale(1, -1) translate(-6.000000, -12.000000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file