diff --git a/public/views/tab-settings.html b/public/views/tab-settings.html
index 0231d8d99..05001a152 100644
--- a/public/views/tab-settings.html
+++ b/public/views/tab-settings.html
@@ -7,7 +7,9 @@
     <div class="list">
       <div class="item item-divider"></div>
       <a class="item item-icon-left item-icon-right" ui-sref="tabs.addressbook">
-        <i class="icon ion-ios-book-outline"></i>
+        <i class="icon big-icon-svg">
+          <img src="img/icon-address-book.svg" class="bg"/>
+        </i>
         <span translate>Address Book</span>
         <i class="icon nav-item-arrow-right"></i>
       </a>
@@ -15,13 +17,17 @@
       <div class="item item-divider" translate>Preferences</div>
 
       <a class="item item-icon-left item-icon-right" ui-sref="tabs.notifications" ng-show="usePushNotifications">
-        <i class="icon ion-ios-bell-outline"></i>
+        <i class="icon big-icon-svg">
+          <img src="img/icon-notifications.svg" class="bg"/>
+        </i>
         <span translate>Notifications</span>
         <i class="icon nav-item-arrow-right"></i>
       </a>
 
       <a class="item item-icon-left item-icon-right" ui-sref="tabs.language">
-        <i class="icon ion-ios-chatbubble-outline"></i>
+        <i class="icon big-icon-svg">
+          <img src="img/icon-language.svg" class="bg"/>
+        </i>
         <span translate>Language</span>
         <span class="item-note">
           {{currentLanguageName|translate}}
@@ -30,7 +36,9 @@
       </a>
 
       <a class="item item-icon-left item-icon-right" ui-sref="tabs.unit">
-        <i class="icon ion-ios-calculator-outline"></i>
+        <i class="icon big-icon-svg">
+          <img src="img/icon-unit.svg" class="bg"/>
+        </i>
         <span translate>Unit</span>
         <span class="item-note">
           {{unitName}}
@@ -39,7 +47,9 @@
       </a>
 
       <a class="item item-icon-left item-icon-right" ui-sref="tabs.altCurrency">
-        <i class="icon ion-social-usd-outline"></i>
+        <i class="icon big-icon-svg">
+          <img src="img/icon-alternative-currency.svg" class="bg"/>
+        </i>
         <span translate>Alternative Currency</span>
         <span class="item-note">
           {{selectedAlternative.name}}
@@ -48,7 +58,9 @@
       </a>
 
       <a class="item item-icon-left item-icon-right" ui-sref="tabs.fee">
-        <i class="icon ion-social-bitcoin-outline"></i>
+        <i class="icon big-icon-svg">
+          <img src="img/icon-network.svg" class="bg"/>
+        </i>
         <span translate>Bitcoin Network Fee Policy</span>
         <span class="item-note">
           {{feeOpts[currentFeeLevel]|translate}}
@@ -79,7 +91,9 @@
 
       <div class="item item-divider"></div>
       <a class="item item-icon-left item-icon-right" href ui-sref="tabs.about">
-        <i class="icon ion-ios-information-outline"></i>
+        <i class="icon big-icon-svg">
+          <img src="img/icon-about.svg" class="bg"/>
+        </i>
         <span translate>About</span> {{appName}}
         <i class="icon nav-item-arrow-right"></i>
       </a>
diff --git a/src/sass/views/tab-settings.scss b/src/sass/views/tab-settings.scss
index 2726b7f16..a8c6a6357 100644
--- a/src/sass/views/tab-settings.scss
+++ b/src/sass/views/tab-settings.scss
@@ -12,6 +12,14 @@
       border-top: none;
       padding-top: 1.5rem;
       padding-bottom: 1.5rem;
+      .big-icon-svg {
+       & > .bg{
+        width:20px;
+        height:20px;
+        border-radius: 0;
+        box-shadow: none;
+       }
+      }
       &:before {
         display: block;
         position: absolute;