ui: add dedicated network icon for Networking settings

assets/images/SVG/Network.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20" height="18" viewBox="0 0 20 18" fill="#000000" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8,4 L12,4 L12,0 L8,0 L8,4 Z M8,18 L12,18 L12,14 L8,14 L8,18 Z M16,18 L20,18 L20,14 L16,14 L16,18 Z M0,18 L4,18 L4,14 L0,14 L0,18 Z M3,12 L1,12 L1,8 L9,8 L9,6 L11,6 L11,8 L19,8 L19,12 L17,12 L17,10 L11,10 L11,12 L9,12 L9,10 L3,10 L3,12 Z" fill-rule="evenodd" />
+</svg>

views/Settings/Settings.tsx

@@ -15,7 +15,7 @@ import ForwardIcon from '../../assets/images/SVG/Caret Right-3.svg';
 import ChannelsIcon from '../../assets/images/SVG/Channels.svg';
 import PrivacyIcon from '../../assets/images/SVG/Eye On.svg';
 import SecurityIcon from '../../assets/images/SVG/Lock.svg';
-import NetworkingIcon from '../../assets/images/SVG/Sync.svg';
+import NetworkingIcon from '../../assets/images/SVG/Network.svg';
 import CurrencyIcon from '../../assets/images/SVG/Bitcoin.svg';
 import BrushIcon from '../../assets/images/SVG/Brush.svg';
 import LanguageIcon from '../../assets/images/SVG/Globe.svg';
@@ -411,8 +411,8 @@ export default class Settings extends React.Component<SettingsProps, {}> {
                             <View style={styles.icon}>
                                 <NetworkingIcon
                                     fill={themeColor('text')}
-                                    width={26}
-                                    height={26}
+                                    width={22}
+                                    height={22}
                                 />
                             </View>
                             <Text