From 1c008eb96625e5319cddd5a52601d1af21943097 Mon Sep 17 00:00:00 2001
From: George Marshall <george.marshall@consensys.net>
Date: Mon, 21 Mar 2022 06:58:36 -0700
Subject: [PATCH] Updating settings icons to use fontawesome and removing
 unused svgs (#14061)

---
 app/images/advanced-icon.svg                 |  4 ----
 app/images/alerts-icon.svg                   |  4 ----
 app/images/contacts-icon.svg                 |  4 ----
 app/images/experimental-icon.svg             |  5 -----
 app/images/general-icon.svg                  |  4 ----
 app/images/info-icon.svg                     |  4 ----
 app/images/network-icon.svg                  |  4 ----
 app/images/security-icon.svg                 |  4 ----
 ui/components/app/tab-bar/tab-bar.stories.js | 16 +++++++-------
 ui/pages/settings/settings.component.js      | 23 ++++++++++----------
 10 files changed, 20 insertions(+), 52 deletions(-)
 delete mode 100644 app/images/advanced-icon.svg
 delete mode 100644 app/images/alerts-icon.svg
 delete mode 100644 app/images/contacts-icon.svg
 delete mode 100644 app/images/experimental-icon.svg
 delete mode 100644 app/images/general-icon.svg
 delete mode 100644 app/images/info-icon.svg
 delete mode 100644 app/images/network-icon.svg
 delete mode 100644 app/images/security-icon.svg

diff --git a/app/images/advanced-icon.svg b/app/images/advanced-icon.svg
deleted file mode 100644
index e53e41788..000000000
--- a/app/images/advanced-icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.28348 10.8571V12H0.140625V10.8571H3.28348ZM6.42634 9.71429C6.5811 9.71429 6.71503 9.77083 6.82813 9.88393C6.94122 9.99702 6.99777 10.131 6.99777 10.2857V12.5714C6.99777 12.7262 6.94122 12.8601 6.82813 12.9732C6.71503 13.0863 6.5811 13.1429 6.42634 13.1429H4.14062C3.98586 13.1429 3.85193 13.0863 3.73884 12.9732C3.62574 12.8601 3.5692 12.7262 3.5692 12.5714V10.2857C3.5692 10.131 3.62574 9.99702 3.73884 9.88393C3.85193 9.77083 3.98586 9.71429 4.14062 9.71429H6.42634ZM7.85491 6.28571V7.42857H0.140625V6.28571H7.85491ZM2.14062 1.71428V2.85714H0.140625V1.71428H2.14062ZM13.8549 10.8571V12H7.28348V10.8571H13.8549ZM5.28348 0.571428C5.43824 0.571428 5.57217 0.627976 5.68527 0.741071C5.79836 0.854166 5.85491 0.988095 5.85491 1.14286V3.42857C5.85491 3.58333 5.79836 3.71726 5.68527 3.83036C5.57217 3.94345 5.43824 4 5.28348 4H2.99777C2.84301 4 2.70908 3.94345 2.59598 3.83036C2.48289 3.71726 2.42634 3.58333 2.42634 3.42857V1.14286C2.42634 0.988095 2.48289 0.854166 2.59598 0.741071C2.70908 0.627976 2.84301 0.571428 2.99777 0.571428H5.28348ZM10.9978 5.14286C11.1525 5.14286 11.2865 5.1994 11.3996 5.3125C11.5126 5.42559 11.5692 5.55952 11.5692 5.71429V8C11.5692 8.15476 11.5126 8.28869 11.3996 8.40179C11.2865 8.51488 11.1525 8.57143 10.9978 8.57143H8.71205C8.55729 8.57143 8.42336 8.51488 8.31027 8.40179C8.19717 8.28869 8.14062 8.15476 8.14062 8V5.71429C8.14062 5.55952 8.19717 5.42559 8.31027 5.3125C8.42336 5.1994 8.55729 5.14286 8.71205 5.14286H10.9978ZM13.8549 6.28571V7.42857H11.8549V6.28571H13.8549ZM13.8549 1.71428V2.85714H6.14063V1.71428H13.8549Z" fill="#24292E"/>
-</svg>
diff --git a/app/images/alerts-icon.svg b/app/images/alerts-icon.svg
deleted file mode 100644
index 79498650c..000000000
--- a/app/images/alerts-icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 15.5714C8.09524 15.5714 8.14286 15.5238 8.14286 15.4286C8.14286 15.3333 8.09524 15.2857 8 15.2857C7.64881 15.2857 7.34524 15.1577 7.08929 14.9018C6.83929 14.6518 6.71429 14.3512 6.71429 14C6.71429 13.9048 6.66667 13.8571 6.57143 13.8571C6.47619 13.8571 6.42857 13.9048 6.42857 14C6.42857 14.4345 6.58036 14.8036 6.88393 15.1071C7.19345 15.4167 7.56548 15.5714 8 15.5714ZM15.4286 12.8571C15.4286 13.1667 15.3155 13.4345 15.0893 13.6607C14.8631 13.8869 14.5952 14 14.2857 14H10.2857C10.2857 14.631 10.0625 15.1696 9.61607 15.6161C9.16964 16.0625 8.63095 16.2857 8 16.2857C7.36905 16.2857 6.83036 16.0625 6.38393 15.6161C5.9375 15.1696 5.71429 14.631 5.71429 14H1.71429C1.40476 14 1.1369 13.8869 0.910714 13.6607C0.684524 13.4345 0.571429 13.1667 0.571429 12.8571C0.869048 12.6071 1.13988 12.3452 1.38393 12.0714C1.62798 11.7976 1.88095 11.4435 2.14286 11.0089C2.40476 10.5685 2.625 10.0952 2.80357 9.58929C2.9881 9.08333 3.1369 8.47024 3.25 7.75C3.36905 7.02976 3.42857 6.25595 3.42857 5.42857C3.42857 4.52381 3.77679 3.68452 4.47321 2.91071C5.16964 2.13095 6.08333 1.65774 7.21429 1.49107C7.16667 1.37798 7.14286 1.2619 7.14286 1.14286C7.14286 0.904762 7.22619 0.702381 7.39286 0.535714C7.55952 0.369047 7.76191 0.285713 8 0.285713C8.2381 0.285713 8.44048 0.369047 8.60714 0.535714C8.77381 0.702381 8.85714 0.904762 8.85714 1.14286C8.85714 1.2619 8.83333 1.37798 8.78572 1.49107C9.91667 1.65774 10.8304 2.13095 11.5268 2.91071C12.2232 3.68452 12.5714 4.52381 12.5714 5.42857C12.5714 6.25595 12.628 7.02976 12.7411 7.75C12.8601 8.47024 13.0089 9.08333 13.1875 9.58929C13.372 10.0952 13.5952 10.5685 13.8571 11.0089C14.119 11.4435 14.372 11.7976 14.6161 12.0714C14.8601 12.3452 15.131 12.6071 15.4286 12.8571Z" fill="#24292E"/>
-</svg>
diff --git a/app/images/contacts-icon.svg b/app/images/contacts-icon.svg
deleted file mode 100644
index 50391a287..000000000
--- a/app/images/contacts-icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.2935 11.3393C11.2935 11 11.2757 10.6815 11.24 10.3839C11.2102 10.0863 11.1477 9.78869 11.0525 9.49107C10.9632 9.1875 10.8471 8.93155 10.7042 8.72321C10.5614 8.50893 10.3709 8.33631 10.1328 8.20536C9.89472 8.06845 9.62388 8 9.32031 8C9.2846 8.02381 9.18341 8.08631 9.01674 8.1875C8.85603 8.28274 8.73103 8.35417 8.64174 8.40179C8.55246 8.4494 8.43043 8.50893 8.27567 8.58036C8.12686 8.65179 7.98103 8.70238 7.83817 8.73214C7.70127 8.7619 7.56436 8.77679 7.42746 8.77679C7.29055 8.77679 7.15067 8.7619 7.00781 8.73214C6.87091 8.70238 6.72507 8.65179 6.57031 8.58036C6.4215 8.50893 6.30246 8.4494 6.21317 8.40179C6.12388 8.35417 5.99591 8.28274 5.82924 8.1875C5.66853 8.08631 5.57031 8.02381 5.5346 8C5.23103 8 4.96019 8.06845 4.7221 8.20536C4.484 8.33631 4.29353 8.50893 4.15067 8.72321C4.00781 8.93155 3.88876 9.1875 3.79353 9.49107C3.70424 9.78869 3.64174 10.0863 3.60603 10.3839C3.57626 10.6815 3.56138 11 3.56138 11.3393C3.56138 11.7738 3.68638 12.1369 3.93638 12.4286C4.18638 12.7143 4.49293 12.8571 4.85603 12.8571H9.99888C10.362 12.8571 10.6685 12.7143 10.9185 12.4286C11.1685 12.1369 11.2935 11.7738 11.2935 11.3393ZM9.74888 6.03571C9.74888 5.39286 9.51972 4.84524 9.06138 4.39286C8.609 3.94048 8.06436 3.71428 7.42746 3.71428C6.79055 3.71428 6.24293 3.94048 5.7846 4.39286C5.33222 4.84524 5.10603 5.39286 5.10603 6.03571C5.10603 6.67262 5.33222 7.21726 5.7846 7.66964C6.24293 8.12202 6.79055 8.34821 7.42746 8.34821C8.06436 8.34821 8.609 8.12202 9.06138 7.66964C9.51972 7.21726 9.74888 6.67262 9.74888 6.03571ZM15.4275 10.8571V12.5714C15.4275 12.6548 15.4007 12.7232 15.3471 12.7768C15.2935 12.8304 15.2251 12.8571 15.1417 12.8571H14.2846V14.8571C14.2846 15.25 14.1447 15.5863 13.865 15.8661C13.5852 16.1458 13.2489 16.2857 12.856 16.2857H1.99888C1.60603 16.2857 1.26972 16.1458 0.989955 15.8661C0.710193 15.5863 0.570312 15.25 0.570312 14.8571V1.71428C0.570312 1.32143 0.710193 0.985118 0.989955 0.705357C1.26972 0.425594 1.60603 0.285713 1.99888 0.285713H12.856C13.2489 0.285713 13.5852 0.425594 13.865 0.705357C14.1447 0.985118 14.2846 1.32143 14.2846 1.71428V3.71428H15.1417C15.2251 3.71428 15.2935 3.74107 15.3471 3.79464C15.4007 3.84821 15.4275 3.91667 15.4275 4V5.71428C15.4275 5.79762 15.4007 5.86607 15.3471 5.91964C15.2935 5.97321 15.2251 6 15.1417 6H14.2846V7.14286H15.1417C15.2251 7.14286 15.2935 7.16964 15.3471 7.22321C15.4007 7.27679 15.4275 7.34524 15.4275 7.42857V9.14286C15.4275 9.22619 15.4007 9.29464 15.3471 9.34821C15.2935 9.40179 15.2251 9.42857 15.1417 9.42857H14.2846V10.5714H15.1417C15.2251 10.5714 15.2935 10.5982 15.3471 10.6518C15.4007 10.7054 15.4275 10.7738 15.4275 10.8571Z" fill="#24292E"/>
-</svg>
diff --git a/app/images/experimental-icon.svg b/app/images/experimental-icon.svg
deleted file mode 100644
index 90dc810cf..000000000
--- a/app/images/experimental-icon.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.2042 13.2143C14.5376 13.744 14.6001 14.1964 14.3917 14.5714C14.1894 14.9524 13.7727 15.1429 13.1417 15.1429H2.85603C2.22507 15.1429 1.80543 14.9524 1.5971 14.5714C1.39472 14.1964 1.46019 13.744 1.79353 13.2143L6.2846 6.13393V2.57143H5.71317C5.55841 2.57143 5.42448 2.51488 5.31138 2.40178C5.19829 2.28869 5.14174 2.15476 5.14174 2C5.14174 1.84524 5.19829 1.71131 5.31138 1.59821C5.42448 1.48512 5.55841 1.42857 5.71317 1.42857H10.2846C10.4394 1.42857 10.5733 1.48512 10.6864 1.59821C10.7995 1.71131 10.856 1.84524 10.856 2C10.856 2.15476 10.7995 2.28869 10.6864 2.40178C10.5733 2.51488 10.4394 2.57143 10.2846 2.57143H9.71317V6.13393L14.2042 13.2143ZM7.24888 6.74107L4.82031 10.5714H11.1775L8.74888 6.74107L8.57031 6.46429V6.13393V2.57143H7.42746V6.13393V6.46429L7.24888 6.74107Z" fill="#24292E"/>
-</svg>
-
diff --git a/app/images/general-icon.svg b/app/images/general-icon.svg
deleted file mode 100644
index 32029ef12..000000000
--- a/app/images/general-icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.61384 8.90179C9.06027 8.45536 9.28348 7.91667 9.28348 7.28571C9.28348 6.65476 9.06027 6.11607 8.61384 5.66964C8.16741 5.22321 7.62872 5 6.99777 5C6.36682 5 5.82813 5.22321 5.3817 5.66964C4.93527 6.11607 4.71205 6.65476 4.71205 7.28571C4.71205 7.91667 4.93527 8.45536 5.3817 8.90179C5.82813 9.34821 6.36682 9.57143 6.99777 9.57143C7.62872 9.57143 8.16741 9.34821 8.61384 8.90179ZM13.8549 6.3125V8.29464C13.8549 8.36607 13.8311 8.43452 13.7835 8.5C13.7359 8.56548 13.6763 8.60417 13.6049 8.61607L11.9531 8.86607C11.84 9.1875 11.724 9.45833 11.6049 9.67857C11.8132 9.97619 12.1317 10.3869 12.5603 10.9107C12.6198 10.9821 12.6496 11.0565 12.6496 11.1339C12.6496 11.2113 12.6228 11.2798 12.5692 11.3393C12.4085 11.5595 12.1138 11.881 11.6853 12.3036C11.2567 12.7262 10.9769 12.9375 10.846 12.9375C10.7746 12.9375 10.6972 12.9107 10.6138 12.8571L9.3817 11.8929C9.11979 12.0298 8.84896 12.1429 8.5692 12.2321C8.47396 13.0417 8.38765 13.5952 8.31027 13.8929C8.2686 14.0595 8.16146 14.1429 7.98884 14.1429H6.0067C5.92336 14.1429 5.84896 14.1161 5.78348 14.0625C5.72396 14.0149 5.69122 13.9524 5.68527 13.875L5.43527 12.2321C5.1436 12.1369 4.87574 12.0268 4.6317 11.9018L3.37277 12.8571C3.31324 12.9107 3.23884 12.9375 3.14955 12.9375C3.06622 12.9375 2.99182 12.9048 2.92634 12.8393C2.17634 12.1607 1.68527 11.6607 1.45312 11.3393C1.41146 11.2798 1.39062 11.2113 1.39062 11.1339C1.39062 11.0625 1.41443 10.994 1.46205 10.9286C1.55134 10.8036 1.70313 10.6071 1.91741 10.3393C2.1317 10.0655 2.29241 9.85417 2.39955 9.70536C2.23884 9.40774 2.11682 9.11309 2.03348 8.82143L0.399554 8.58036C0.322173 8.56845 0.259673 8.53274 0.212054 8.47321C0.164435 8.40774 0.140625 8.33631 0.140625 8.25893V6.27679C0.140625 6.20536 0.164435 6.1369 0.212054 6.07143C0.259673 6.00595 0.31622 5.96726 0.381696 5.95536L2.04241 5.70536C2.12574 5.43155 2.24182 5.15774 2.39062 4.88393C2.15253 4.54464 1.83408 4.13393 1.43527 3.65178C1.37574 3.58036 1.34598 3.50893 1.34598 3.4375C1.34598 3.37798 1.37277 3.30952 1.42634 3.23214C1.5811 3.01786 1.87277 2.6994 2.30134 2.27678C2.73586 1.84821 3.0186 1.63393 3.14955 1.63393C3.22693 1.63393 3.30432 1.66369 3.3817 1.72321L4.61384 2.67857C4.87574 2.54167 5.14658 2.42857 5.42634 2.33928C5.52158 1.52976 5.60789 0.97619 5.68527 0.678571C5.72693 0.511904 5.83408 0.428571 6.0067 0.428571H7.98884C8.07217 0.428571 8.1436 0.455357 8.20312 0.508928C8.2686 0.556547 8.30432 0.619047 8.31027 0.696428L8.56027 2.33928C8.85194 2.43452 9.11979 2.54464 9.36384 2.66964L10.6317 1.71428C10.6853 1.66071 10.7567 1.63393 10.846 1.63393C10.9234 1.63393 10.9978 1.66369 11.0692 1.72321C11.8371 2.43155 12.3281 2.9375 12.5424 3.24107C12.5841 3.28869 12.6049 3.35417 12.6049 3.4375C12.6049 3.50893 12.5811 3.57738 12.5335 3.64286C12.4442 3.76786 12.2924 3.96726 12.0781 4.24107C11.8638 4.50893 11.7031 4.71726 11.596 4.86607C11.7507 5.16369 11.8728 5.45536 11.9621 5.74107L13.596 5.99107C13.6734 6.00298 13.7359 6.04167 13.7835 6.10714C13.8311 6.16667 13.8549 6.23512 13.8549 6.3125Z" fill="#24292E"/>
-</svg>
\ No newline at end of file
diff --git a/app/images/info-icon.svg b/app/images/info-icon.svg
deleted file mode 100644
index 6fd99c9da..000000000
--- a/app/images/info-icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.28348 11.5714V10.1429C9.28348 10.0595 9.2567 9.99107 9.20312 9.9375C9.14955 9.88393 9.0811 9.85714 8.99777 9.85714H8.14062V5.28571C8.14062 5.20238 8.11384 5.13393 8.06027 5.08036C8.0067 5.02679 7.93824 5 7.85491 5H4.99777C4.91443 5 4.84598 5.02679 4.79241 5.08036C4.73884 5.13393 4.71205 5.20238 4.71205 5.28571V6.71429C4.71205 6.79762 4.73884 6.86607 4.79241 6.91964C4.84598 6.97321 4.91443 7 4.99777 7H5.85491V9.85714H4.99777C4.91443 9.85714 4.84598 9.88393 4.79241 9.9375C4.73884 9.99107 4.71205 10.0595 4.71205 10.1429V11.5714C4.71205 11.6548 4.73884 11.7232 4.79241 11.7768C4.84598 11.8304 4.91443 11.8571 4.99777 11.8571H8.99777C9.0811 11.8571 9.14955 11.8304 9.20312 11.7768C9.2567 11.7232 9.28348 11.6548 9.28348 11.5714ZM8.14062 3.57143V2.14286C8.14062 2.05952 8.11384 1.99107 8.06027 1.9375C8.0067 1.88393 7.93824 1.85714 7.85491 1.85714H6.14063C6.05729 1.85714 5.98884 1.88393 5.93527 1.9375C5.8817 1.99107 5.85491 2.05952 5.85491 2.14286V3.57143C5.85491 3.65476 5.8817 3.72321 5.93527 3.77678C5.98884 3.83036 6.05729 3.85714 6.14063 3.85714H7.85491C7.93824 3.85714 8.0067 3.83036 8.06027 3.77678C8.11384 3.72321 8.14062 3.65476 8.14062 3.57143ZM12.9353 3.84821C13.5484 4.89583 13.8549 6.04167 13.8549 7.28571C13.8549 8.52976 13.5484 9.67857 12.9353 10.7321C12.3222 11.7798 11.4888 12.6101 10.4353 13.2232C9.38765 13.8363 8.24182 14.1429 6.99777 14.1429C5.75372 14.1429 4.60491 13.8363 3.55134 13.2232C2.50372 12.6101 1.67336 11.7798 1.06027 10.7321C0.447173 9.67857 0.140625 8.52976 0.140625 7.28571C0.140625 6.04167 0.447173 4.89583 1.06027 3.84821C1.67336 2.79464 2.50372 1.96131 3.55134 1.34821C4.60491 0.735119 5.75372 0.428571 6.99777 0.428571C8.24182 0.428571 9.38765 0.735119 10.4353 1.34821C11.4888 1.96131 12.3222 2.79464 12.9353 3.84821Z" fill="#24292E"/>
-</svg>
diff --git a/app/images/network-icon.svg b/app/images/network-icon.svg
deleted file mode 100644
index 4e4685e06..000000000
--- a/app/images/network-icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.6696 4.33036C15.8899 4.55655 16 4.82738 16 5.14286C16 5.45238 15.8899 5.72024 15.6696 5.94643L12.0893 9.51786L13.4286 10.8571L12 12.2857C11.0298 13.256 9.86905 13.8125 8.51786 13.9554C7.17262 14.0923 5.94941 13.7917 4.84821 13.0536L1.61607 16.2857H0V14.6696L3.23214 11.4375C2.49405 10.3363 2.19345 9.1131 2.33036 7.76786C2.47321 6.41667 3.02976 5.25595 4 4.28571L5.42857 2.85714L6.76786 4.19643L10.3393 0.616071C10.5655 0.395832 10.8363 0.285713 11.1518 0.285713C11.4673 0.285713 11.7351 0.395832 11.9554 0.616071C12.1756 0.836309 12.2857 1.10714 12.2857 1.42857C12.2857 1.74405 12.1756 2.0119 11.9554 2.23214L8.38393 5.8125L10.4732 7.90179L14.0536 4.33036C14.2798 4.11012 14.5506 4 14.8661 4C15.1815 4 15.4494 4.11012 15.6696 4.33036Z" fill="#24292E"/>
-</svg>
diff --git a/app/images/security-icon.svg b/app/images/security-icon.svg
deleted file mode 100644
index 4d3fa1459..000000000
--- a/app/images/security-icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-<svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.43108 7.28571H8.57394V5.35714C8.57394 4.64732 8.32282 4.04129 7.82059 3.53906C7.31836 3.03683 6.71233 2.78571 6.00251 2.78571C5.29269 2.78571 4.68666 3.03683 4.18443 3.53906C3.6822 4.04129 3.43108 4.64732 3.43108 5.35714V7.28571ZM11.7882 8.25V14.0357C11.7882 14.3036 11.6945 14.5312 11.507 14.7188C11.3195 14.9062 11.0918 15 10.8239 15H1.18108C0.913225 15 0.685547 14.9062 0.498047 14.7188C0.310547 14.5312 0.216797 14.3036 0.216797 14.0357V8.25C0.216797 7.98214 0.310547 7.75446 0.498047 7.56696C0.685547 7.37946 0.913225 7.28571 1.18108 7.28571H1.50251V5.35714C1.50251 4.125 1.94448 3.06696 2.8284 2.18304C3.71233 1.29911 4.77037 0.857142 6.00251 0.857142C7.23465 0.857142 8.29269 1.29911 9.17662 2.18304C10.0605 3.06696 10.5025 4.125 10.5025 5.35714V7.28571H10.8239C11.0918 7.28571 11.3195 7.37946 11.507 7.56696C11.6945 7.75446 11.7882 7.98214 11.7882 8.25Z" fill="#24292E"/>
-</svg>
diff --git a/ui/components/app/tab-bar/tab-bar.stories.js b/ui/components/app/tab-bar/tab-bar.stories.js
index 4f9128955..a133bce9b 100644
--- a/ui/components/app/tab-bar/tab-bar.stories.js
+++ b/ui/components/app/tab-bar/tab-bar.stories.js
@@ -18,43 +18,43 @@ export default {
   args: {
     tabs: [
       {
-        icon: <img src="images/general-icon.svg" alt="" />,
+        icon: <i className="fa fa-cog" />,
         content: 'General',
         key: 'general',
       },
       {
-        icon: <img src="images/contacts-icon.svg" alt="" />,
+        icon: <i className="fa fa-address-book" />,
         content: 'Contacts',
         key: 'contacts',
       },
       {
-        icon: <img src="images/experimental-icon.svg" />,
+        icon: <i className="fa fa-flask" />,
         content: 'Snaps',
         key: 'snaps',
       },
 
       {
-        icon: <img src="images/security-icon.svg" alt="" />,
+        icon: <i className="fa fa-lock" />,
         content: 'SecurityAndPrivacy',
         key: 'securityAndPrivacy',
       },
       {
-        icon: <img src="images/alerts-icon.svg" alt="" />,
+        icon: <i className="fa fa-bell" />,
         content: 'Alerts',
         key: 'alerts',
       },
       {
-        icon: <img src="images/network-icon.svg" alt="" />,
+        icon: <i className="fa fa-plug" />,
         content: 'Networks',
         key: 'networks',
       },
       {
-        icon: <img src="images/experimental-icon.svg" alt="" />,
+        icon: <i className="fa fa-flask" />,
         content: 'Experimental',
         key: 'experimental',
       },
       {
-        icon: <img src="images/info-icon.svg" alt="" />,
+        icon: <i className="fa fa-info-circle" />,
         content: 'About',
         key: 'about',
       },
diff --git a/ui/pages/settings/settings.component.js b/ui/pages/settings/settings.component.js
index bc4fc2ac2..0e91e570a 100644
--- a/ui/pages/settings/settings.component.js
+++ b/ui/pages/settings/settings.component.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { Switch, Route, matchPath } from 'react-router-dom';
 import classnames from 'classnames';
 import TabBar from '../../components/app/tab-bar';
+
 import {
   ALERTS_ROUTE,
   ADVANCED_ROUTE,
@@ -255,26 +256,26 @@ class SettingsPage extends PureComponent {
       <TabBar
         tabs={[
           {
-            icon: <img src="images/general-icon.svg" alt="" />,
+            icon: <i className="fa fa-cog" />,
             content: t('general'),
             key: GENERAL_ROUTE,
           },
           {
-            icon: <img src="images/advanced-icon.svg" alt="" />,
+            icon: <i className="fas fa-sliders-h" />,
             content: t('advanced'),
             key: ADVANCED_ROUTE,
           },
           {
-            icon: <img src="images/contacts-icon.svg" alt="" />,
+            icon: <i className="fa fa-address-book" />,
             content: t('contacts'),
             key: CONTACT_LIST_ROUTE,
           },
           ///: BEGIN:ONLY_INCLUDE_IN(flask)
           {
             icon: (
-              <img
-                src="images/experimental-icon.svg"
-                alt={t('snapsSettingsDescription')}
+              <i
+                className="fa fa-flask"
+                title={t('snapsSettingsDescription')}
               />
             ),
             content: t('snaps'),
@@ -282,27 +283,27 @@ class SettingsPage extends PureComponent {
           },
           ///: END:ONLY_INCLUDE_IN
           {
-            icon: <img src="images/security-icon.svg" alt="" />,
+            icon: <i className="fa fa-lock" />,
             content: t('securityAndPrivacy'),
             key: SECURITY_ROUTE,
           },
           {
-            icon: <img src="images/alerts-icon.svg" alt="" />,
+            icon: <i className="fa fa-bell" />,
             content: t('alerts'),
             key: ALERTS_ROUTE,
           },
           {
-            icon: <img src="images/network-icon.svg" alt="" />,
+            icon: <i className="fa fa-plug" />,
             content: t('networks'),
             key: NETWORKS_ROUTE,
           },
           {
-            icon: <img src="images/experimental-icon.svg" alt="" />,
+            icon: <i className="fa fa-flask" />,
             content: t('experimental'),
             key: EXPERIMENTAL_ROUTE,
           },
           {
-            icon: <img src="images/info-icon.svg" alt="" />,
+            icon: <i className="fa fa-info-circle" />,
             content: t('about'),
             key: ABOUT_US_ROUTE,
           },