diff --git a/public/img/tab-icons/ico-home-selected.svg b/public/img/tab-icons/ico-home-selected.svg
new file mode 100644
index 000000000..efe5ef4ef
--- /dev/null
+++ b/public/img/tab-icons/ico-home-selected.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="21px" height="24px" viewBox="0 0 21 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>Shape</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons/Tabs/home/Highlighted" transform="translate(-5.000000, -3.000000)" stroke-width="1.4" stroke="#6277D9" fill="#B6C8FF">
+            <polygon id="Shape" points="15.5 4 6 12.4444444 6 26.1666667 12.3333333 26.1666667 12.3333333 18.7777778 18.6666667 18.7777778 18.6666667 26.1666667 25 26.1666667 25 12.4444444"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/tab-icons/ico-home.svg b/public/img/tab-icons/ico-home.svg
new file mode 100644
index 000000000..b966fa509
--- /dev/null
+++ b/public/img/tab-icons/ico-home.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="21px" height="24px" viewBox="0 0 21 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>Shape</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons/Tabs/home" transform="translate(-5.000000, -3.000000)" stroke-width="1.4" stroke="#343434">
+            <polygon id="Shape" points="15.5 4 6 12.4444444 6 26.1666667 12.3333333 26.1666667 12.3333333 18.7777778 18.6666667 18.7777778 18.6666667 26.1666667 25 26.1666667 25 12.4444444"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/tab-icons/ico-receive-selected.svg b/public/img/tab-icons/ico-receive-selected.svg
new file mode 100644
index 000000000..e4ac8d9bb
--- /dev/null
+++ b/public/img/tab-icons/ico-receive-selected.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="23px" height="22px" viewBox="0 0 23 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>shopping-24px-outline_bardcode-qr</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons/Tabs/QR-Code/Highlighted">
+            <g id="shopping-24px-outline_bardcode-qr" transform="translate(1.000000, 1.000000)">
+                <g id="Group">
+                    <polygon id="Shape" stroke="#647CE8" stroke-width="1.7" fill="#D5DFFF" points="8.25 8.2173913 0 8.2173913 0 0 8.25 0 8.25 0"></polygon>
+                    <polygon id="Shape" stroke="#647CE8" stroke-width="1.7" fill="#D3DFFF" points="20.1666667 8.2173913 11.9166667 8.2173913 11.9166667 0 11.9166667 0 20.1666667 0"></polygon>
+                    <polygon id="Shape" stroke="#6277D9" stroke-width="1.7" fill="#D3DFFF" points="8.25 20.0869565 0 20.0869565 0 11.8695652 8.25 11.8695652 8.25 11.8695652"></polygon>
+                    <polyline id="Shape" stroke="#6277D9" stroke-width="1.7" points="20.1666667 16.4347826 20.1666667 11.8695652 16.5 11.8695652 16.5 14.6086957 12.8333333 14.6086957 12.8333333 11.8695652"></polyline>
+                    <polyline id="Shape" stroke="#6277D9" stroke-width="1.7" points="20.1666667 20.0869565 12.8333333 20.0869565 12.8333333 18.2608696"></polyline>
+                    <polygon id="Shape" stroke="#6277D9" stroke-width="1.2" points="4.58333333 4.56521739 3.66666667 4.56521739 3.66666667 3.65217391 4.58333333 3.65217391"></polygon>
+                    <polygon id="Shape" stroke="#6277D9" stroke-width="1.2" points="16.5 4.56521739 15.5833333 4.56521739 15.5833333 4.56521739 15.5833333 3.65217391 16.5 3.65217391"></polygon>
+                    <polygon id="Shape" stroke="#6277D9" stroke-width="1.2" points="4.58333333 16.4347826 3.66666667 16.4347826 3.66666667 15.5217391 4.58333333 15.5217391"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/tab-icons/ico-receive.svg b/public/img/tab-icons/ico-receive.svg
new file mode 100644
index 000000000..ce473bec7
--- /dev/null
+++ b/public/img/tab-icons/ico-receive.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>shopping-24px-outline_bardcode-qr</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons/Tabs/QR-Code" stroke-width="1.2" stroke="#343434">
+            <g id="shopping-24px-outline_bardcode-qr" transform="translate(1.000000, 1.000000)">
+                <g id="Group">
+                    <polygon id="Shape" points="8.25 8.2173913 0 8.2173913 0 0 8.25 0 8.25 0"></polygon>
+                    <polygon id="Shape" points="20.1666667 8.2173913 11.9166667 8.2173913 11.9166667 0 11.9166667 0 20.1666667 0"></polygon>
+                    <polygon id="Shape" points="8.25 20.0869565 0 20.0869565 0 11.8695652 8.25 11.8695652 8.25 11.8695652"></polygon>
+                    <polyline id="Shape" points="20.1666667 16.4347826 20.1666667 11.8695652 16.5 11.8695652 16.5 14.6086957 12.8333333 14.6086957 12.8333333 11.8695652"></polyline>
+                    <polyline id="Shape" points="20.1666667 20.0869565 12.8333333 20.0869565 12.8333333 18.2608696"></polyline>
+                    <polygon id="Shape" points="4.58333333 4.56521739 3.66666667 4.56521739 3.66666667 3.65217391 4.58333333 3.65217391"></polygon>
+                    <polygon id="Shape" points="16.5 4.56521739 15.5833333 4.56521739 15.5833333 4.56521739 15.5833333 3.65217391 16.5 3.65217391"></polygon>
+                    <polygon id="Shape" points="4.58333333 16.4347826 3.66666667 16.4347826 3.66666667 15.5217391 4.58333333 15.5217391"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/tab-icons/ico-scan-selected.svg b/public/img/tab-icons/ico-scan-selected.svg
new file mode 100644
index 000000000..4738582d9
--- /dev/null
+++ b/public/img/tab-icons/ico-scan-selected.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="32px" height="20px" viewBox="0 0 32 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>scan</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" opacity="0.9">
+        <g id="Icons/Tabs/Scan/2" transform="translate(1.000000, -6.000000)" stroke-width="1.5" stroke="#FFFFFF">
+            <g id="scan" transform="translate(-1.000000, 6.000000)">
+                <g id="Scan">
+                    <path d="M10.4803945,1.62179474 L6.04824505,1.62179474 M5.74546723,1.62179474 L5.74546723,5.91363686" id="Line-Copy-2" stroke-linejoin="round"></path>
+                    <path d="M21.3245328,1.62179474 L25.7566822,1.62179474 M26.05946,1.62179474 L26.05946,5.91363686" id="Line-Copy-3" stroke-linejoin="round"></path>
+                    <path d="M10.4803945,18.8877694 L6.04824505,18.8877694 M5.74546723,18.8877694 L5.74546723,14.5959273" id="Line-Copy-5" stroke-linejoin="round"></path>
+                    <path d="M21.3245328,18.8877694 L25.7566822,18.8877694 M26.05946,18.8877694 L26.05946,14.5959273" id="Line-Copy-4" stroke-linejoin="round"></path>
+                    <path d="M0.73043476,10.1130435 L31.1652175,10.1130435" id="Line"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/tab-icons/ico-scan.svg b/public/img/tab-icons/ico-scan.svg
new file mode 100644
index 000000000..738e4f9bb
--- /dev/null
+++ b/public/img/tab-icons/ico-scan.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="32px" height="20px" viewBox="0 0 32 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>scan</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+        <g id="Icons/Tabs/Scan/2" transform="translate(1.000000, -6.000000)" stroke-width="1.5" stroke="#464646">
+            <g id="scan" transform="translate(-1.000000, 6.000000)">
+                <g id="Scan">
+                    <path d="M10.4803945,1.62179474 L6.04824505,1.62179474 M5.74546723,1.62179474 L5.74546723,5.91363686" id="Line-Copy-2" stroke-linejoin="round"></path>
+                    <path d="M21.3245328,1.62179474 L25.7566822,1.62179474 M26.05946,1.62179474 L26.05946,5.91363686" id="Line-Copy-3" stroke-linejoin="round"></path>
+                    <path d="M10.4803945,18.8877694 L6.04824505,18.8877694 M5.74546723,18.8877694 L5.74546723,14.5959273" id="Line-Copy-5" stroke-linejoin="round"></path>
+                    <path d="M21.3245328,18.8877694 L25.7566822,18.8877694 M26.05946,18.8877694 L26.05946,14.5959273" id="Line-Copy-4" stroke-linejoin="round"></path>
+                    <path d="M0.73043476,10.1130435 L31.1652175,10.1130435" id="Line"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/tab-icons/ico-send-selected.svg b/public/img/tab-icons/ico-send-selected.svg
new file mode 100644
index 000000000..cab77c545
--- /dev/null
+++ b/public/img/tab-icons/ico-send-selected.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="26px" height="24px" viewBox="0 0 26 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>ui-24px-outline-1_send</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons/Tabs/Send/Highlighted" transform="translate(1.000000, 0.000000)" stroke-width="1.4" stroke="#647CE8">
+            <g id="ui-24px-outline-1_send" transform="translate(11.003015, 10.003015) rotate(10.000000) translate(-11.003015, -10.003015) translate(0.003015, -0.996985)">
+                <g id="Group" transform="translate(0.000000, -0.000000)">
+                    <polyline id="Shape" fill-opacity="0.4" fill="#617EE9" points="22 1.07469589e-13 5.5 13.2 5.5 20.9 9.46 16.17"></polyline>
+                    <polygon id="Shape" fill-opacity="0.71447577" fill="#9BB0FF" points="-4.4408921e-16 8.8 22 8.8817842e-16 17.6 22"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/tab-icons/ico-send.svg b/public/img/tab-icons/ico-send.svg
new file mode 100644
index 000000000..fdf6c8a87
--- /dev/null
+++ b/public/img/tab-icons/ico-send.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="26px" height="24px" viewBox="0 0 26 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>ui-24px-outline-1_send</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons/Tabs/Send" transform="translate(1.000000, 0.000000)" stroke-width="1.4" stroke="#343434">
+            <g id="ui-24px-outline-1_send" transform="translate(11.003015, 10.000000) rotate(10.000000) translate(-11.003015, -10.000000) translate(0.003015, -1.000000)">
+                <g id="Group" transform="translate(0.000000, -0.000000)">
+                    <polyline id="Shape" points="22 1.070255e-13 5.5 13.2 5.5 20.9 9.46 16.17"></polyline>
+                    <polygon id="Shape" points="-4.4408921e-16 8.8 22 4.4408921e-16 17.6 22"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/tab-icons/ico-settings-selected.svg b/public/img/tab-icons/ico-settings-selected.svg
new file mode 100644
index 000000000..fdf37cce3
--- /dev/null
+++ b/public/img/tab-icons/ico-settings-selected.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="23px" height="24px" viewBox="0 0 23 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>settings</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.5">
+        <g id="Icons/Tabs/Settings/Highlighted" transform="translate(-1.000000, 1.000000)" stroke="#677AE7" stroke-width="1.5" fill="#647CE8">
+            <path d="M20.1716379,12.014715 C20.2463795,11.6160931 20.2712934,11.1925573 20.2712934,10.7690214 C20.2712934,10.3454856 20.2463795,9.92194975 20.1716379,9.52332779 L22.2394893,7.72952897 C22.3889725,7.62987348 22.4388003,7.43056249 22.3640586,7.25616539 C21.9405228,5.96064401 21.2180205,4.73986426 20.3211211,3.71839548 C20.1965517,3.56891225 20.0221546,3.5190845 19.8477575,3.59382612 L17.2567148,4.49072553 C16.6089541,3.96753421 15.8864518,3.54399837 15.1141217,3.2450319 L14.5909304,0.554333665 C14.5660165,0.379936557 14.4165333,0.230453321 14.2421362,0.205539449 C12.8967871,-0.0685131496 11.5016102,-0.0685131496 10.1562611,0.205539449 C9.98186398,0.230453321 9.83238074,0.379936557 9.80746687,0.554333665 L9.28427555,3.2450319 C8.5119455,3.54399837 7.76452932,3.96753421 7.1416825,4.49072553 L4.55063976,3.59382612 C4.37624265,3.5190845 4.20184554,3.56891225 4.07727618,3.71839548 C3.18037677,4.73986426 2.45787446,5.96064401 2.03433863,7.25616539 C1.95959701,7.43056249 2.00942475,7.62987348 2.15890799,7.72952897 L4.22675941,9.52332779 C4.1520178,9.92194975 4.12710392,10.3454856 4.12710392,10.7690214 C4.12710392,11.1925573 4.1520178,11.6160931 4.22675941,12.014715 L2.15890799,13.8085139 C2.00942475,13.9081694 1.95959701,14.1074803 2.03433863,14.2818775 C2.45787446,15.5773988 3.18037677,16.7981786 4.07727618,17.8196474 C4.20184554,17.9691306 4.37624265,18.0189583 4.55063976,17.9442167 L7.1416825,17.0473173 C7.76452932,17.5705086 8.5119455,17.9940445 9.28427555,18.2930109 L9.80746687,20.9837092 C9.83238074,21.1581063 9.98186398,21.3075895 10.1562611,21.3325034 C10.8289356,21.4570728 11.5016102,21.5318144 12.1991986,21.5318144 C12.8967871,21.5318144 13.5694616,21.4570728 14.2421362,21.3325034 C14.4165333,21.3075895 14.5660165,21.1581063 14.5909304,20.9837092 L15.1141217,18.2930109 C15.8864518,17.9940445 16.6089541,17.5705086 17.2567148,17.0473173 L19.8477575,17.9442167 C20.0221546,18.0189583 20.1965517,17.9691306 20.3211211,17.8196474 C21.2180205,16.7981786 21.9405228,15.5773988 22.3640586,14.2818775 C22.4388003,14.1074803 22.3889725,13.9081694 22.2394893,13.8085139 L20.1716379,12.014715 Z M12.1991986,14.8050688 C9.95695011,14.8050688 8.16315128,13.01127 8.16315128,10.7690214 C8.16315128,8.55168676 9.95695011,6.73297406 12.1991986,6.73297406 C14.4165333,6.73297406 16.235246,8.55168676 16.235246,10.7690214 C16.235246,13.01127 14.4165333,14.8050688 12.1991986,14.8050688 L12.1991986,14.8050688 Z" id="settings"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/tab-icons/ico-settings.svg b/public/img/tab-icons/ico-settings.svg
new file mode 100644
index 000000000..aaf5af40c
--- /dev/null
+++ b/public/img/tab-icons/ico-settings.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="24px" height="25px" viewBox="0 0 24 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>settings</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons/Tabs/Settings-2" transform="translate(-1.000000, 1.000000)" stroke="#191919" stroke-width="1.4">
+            <path d="M21.5984041,12.9580637 C21.6790141,12.5281435 21.7058842,12.0713533 21.7058842,11.614563 C21.7058842,11.1577728 21.6790141,10.7009826 21.5984041,10.2710624 L23.8286152,8.33642148 C23.9898353,8.22894143 24.0435753,8.01398133 23.9629652,7.82589124 C23.506175,6.42865057 22.7269446,5.11201994 21.7596242,4.01034942 C21.6252741,3.84912934 21.437184,3.79538931 21.2490939,3.87599935 L18.4546126,4.84331981 C17.7559923,4.27904954 16.9767619,3.82225933 16.1437915,3.49981917 L15.5795212,0.597857786 C15.5526512,0.409767696 15.3914311,0.248547619 15.2033411,0.221677606 C13.7523604,-0.0738925353 12.2476396,-0.0738925353 10.7966589,0.221677606 C10.6085689,0.248547619 10.4473488,0.409767696 10.4204788,0.597857786 L9.8562085,3.49981917 C9.0232381,3.82225933 8.21713771,4.27904954 7.54538739,4.84331981 L4.75090606,3.87599935 C4.56281597,3.79538931 4.37472588,3.84912934 4.24037581,4.01034942 C3.27305535,5.11201994 2.49382498,6.42865057 2.03703476,7.82589124 C1.95642472,8.01398133 2.01016475,8.22894143 2.17138483,8.33642148 L4.40159589,10.2710624 C4.32098585,10.7009826 4.29411584,11.1577728 4.29411584,11.614563 C4.29411584,12.0713533 4.32098585,12.5281435 4.40159589,12.9580637 L2.17138483,14.8927046 C2.01016475,15.0001847 1.95642472,15.2151448 2.03703476,15.4032349 C2.49382498,16.8004755 3.27305535,18.1171062 4.24037581,19.2187767 C4.37472588,19.3799968 4.56281597,19.4337368 4.75090606,19.3531267 L7.54538739,18.3858063 C8.21713771,18.9500766 9.0232381,19.4068668 9.8562085,19.7293069 L10.4204788,22.6312683 C10.4473488,22.8193584 10.6085689,22.9805785 10.7966589,23.0074485 C11.5221493,23.1417986 12.2476396,23.2224086 13,23.2224086 C13.7523604,23.2224086 14.4778507,23.1417986 15.2033411,23.0074485 C15.3914311,22.9805785 15.5526512,22.8193584 15.5795212,22.6312683 L16.1437915,19.7293069 C16.9767619,19.4068668 17.7559923,18.9500766 18.4546126,18.3858063 L21.2490939,19.3531267 C21.437184,19.4337368 21.6252741,19.3799968 21.7596242,19.2187767 C22.7269446,18.1171062 23.506175,16.8004755 23.9629652,15.4032349 C24.0435753,15.2151448 23.9898353,15.0001847 23.8286152,14.8927046 L21.5984041,12.9580637 Z M13,15.9675051 C10.5816988,15.9675051 8.64705792,14.0328642 8.64705792,11.614563 C8.64705792,9.22313191 10.5816988,7.26162097 13,7.26162097 C15.3914311,7.26162097 17.3529421,9.22313191 17.3529421,11.614563 C17.3529421,14.0328642 15.3914311,15.9675051 13,15.9675051 L13,15.9675051 Z" id="settings"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/views/tabs.html b/public/views/tabs.html
index d6a5c5ff9..ec8ece6bc 100644
--- a/public/views/tabs.html
+++ b/public/views/tabs.html
@@ -5,11 +5,11 @@ navigation history that also transitions its views in and out.
 -->
 <ion-tabs class="tabs-icon-top tabs-color-active-positive" ng-controller="tabsController">
 
-  <ion-tab title="Home" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tabs/home">
+  <ion-tab title="Home" icon-off="ico-home" icon-on="ico-home-selected" href="#/tabs/home">
     <ion-nav-view name="tab-home"></ion-nav-view>
   </ion-tab>
 
-  <ion-tab title="Receive" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tabs/receive">
+  <ion-tab title="Receive" icon-off="ico-receive" icon-on="ico-receive-selected" href="#/tabs/receive">
     <ion-nav-view name="tab-receive"></ion-nav-view>
   </ion-tab>
 
@@ -18,14 +18,14 @@ navigation history that also transitions its views in and out.
   <qr-scanner class="qr-icon size-24" style="display:none" set-fn="setScanFn(theScanFn)" on-scan="onScan(data)"></qr-scanner>
 
 
-  <ion-tab title="Scan" icon-off="ion-ios-camera" ng-click="scan()" >
+  <ion-tab title="Scan" icon-off="ico-scan" ng-click="scan()" >
   </ion-tab>
 
-  <ion-tab title="Send" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tabs/send">
+  <ion-tab title="Send" icon-off="ico-send" icon-on="ico-send-selected" href="#/tabs/send">
     <ion-nav-view name="tab-send"></ion-nav-view>
   </ion-tab>
 
-  <ion-tab title="Settings" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tabs/settings">
+  <ion-tab title="Settings" icon-off="ico-settings" icon-on="ico-settings-selected" href="#/tabs/settings">
     <ion-nav-view name="tab-settings"></ion-nav-view>
   </ion-tab>
 </ion-tabs>
diff --git a/src/sass/main.scss b/src/sass/main.scss
index 9adc77ae0..28823794d 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -980,6 +980,7 @@ input[type=number] {
 @import "common";
 @import "forms";
 @import 'mixins/mixins';
+@import 'views/tabs';
 @import "views/add";
 @import "views/amount";
 @import "views/confirm";
diff --git a/src/sass/views/tabs.scss b/src/sass/views/tabs.scss
new file mode 100644
index 000000000..30ec095cd
--- /dev/null
+++ b/src/sass/views/tabs.scss
@@ -0,0 +1,36 @@
+.tabs .tab-item {
+  .icon {
+    background-repeat: no-repeat;
+    background-position: center;
+    &.ico-home{
+      background-image: url('../img/tab-icons/ico-home.svg');
+    }
+    &.ico-home-selected{
+      background-image: url('../img/tab-icons/ico-home-selected.svg');
+    }
+    &.ico-receive{
+      background-image: url('../img/tab-icons/ico-receive.svg');
+    }
+    &.ico-receive-selected{
+      background-image: url('../img/tab-icons/ico-receive-selected.svg');
+    }
+    &.ico-settings{
+      background-image: url('../img/tab-icons/ico-settings.svg');
+    }
+    &.ico-settings-selected{
+      background-image: url('../img/tab-icons/ico-settings-selected.svg');
+    }
+    &.ico-scan{
+      background-image: url('../img/tab-icons/ico-scan.svg');
+    }
+    &.ico-scan-selected{
+      background-image: url('../img/tab-icons/ico-scan-selected.svg');
+    }
+    &.ico-send{
+      background-image: url('../img/tab-icons/ico-send.svg');
+    }
+    &.ico-send-selected{
+      background-image: url('../img/tab-icons/ico-send-selected.svg');
+    }
+  }
+}