feat(ui/views/App/Settings/SettingsWindow): use icons

linphone-desktop/assets/images/settings_advanced_normal.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_advanced_default</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="settings_advanced_default" stroke="#FFFFFF" stroke-width="1.5">
+            <path d="M15.2200001,9.54049566 L15.2200001,6.50965686 L13.9203461,6.50965686 C13.7759401,5.95080496 13.5526361,5.4239343 13.2646481,4.9390903 L14.1850561,4.02331941 L12.0313261,1.87996039 L11.1111241,2.79614131 C10.6243461,2.50954007 10.0945141,2.28731136 9.53275206,2.14360073 L9.53275206,0.850000024 L6.48745404,0.850000024 L6.48745404,2.14360073 C5.92569204,2.28731136 5.39627204,2.50954007 4.90887603,2.79614131 L3.98846803,1.87996039 L1.83535602,4.02331941 L2.75576402,4.9390903 C2.46757002,5.4237293 2.24426602,5.95080496 2.09965402,6.50965686 L0.800000012,6.50965686 L0.800000012,9.54049566 L2.09965402,9.54049566 C2.24426602,10.0995526 2.46757002,10.6266282 2.75514602,11.1114722 L1.83535602,12.0270381 L3.98888003,14.1701921 L4.90887603,13.2544212 C5.39627204,13.5408175 5.92569204,13.7632512 6.48745404,13.9067568 L6.48745404,15.2003575 L9.53275206,15.2003575 L9.53275206,13.9067568 C10.0947201,13.7632512 10.6243461,13.5408175 11.1113301,13.2544212 L12.0313261,14.1701921 L14.1850561,12.0270381 L13.2646481,11.1114722 C13.5526361,10.6266282 13.7761461,10.0995526 13.9203461,9.54049566 L15.2200001,9.54049566 L15.2200001,9.54049566 Z M4.77889003,8.02528127 C4.77889003,9.80126588 6.22562804,11.2408323 8.01020605,11.2408323 C9.79437206,11.2408323 11.2411101,9.80126588 11.2411101,8.02528127 C11.2411101,6.24970667 9.79437206,4.80973023 8.01020605,4.80973023 C6.22562804,4.80973023 4.77889003,6.24970667 4.77889003,8.02528127 L4.77889003,8.02528127 Z" id="options_default"></path>
+        </g>
+    </g>
+</svg>

linphone-desktop/assets/images/settings_advanced_selected.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_advanced_selected</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="settings_advanced_selected" stroke="#FE5E00" stroke-width="1.5">
+            <path d="M15.2200001,9.54049566 L15.2200001,6.50965686 L13.9203461,6.50965686 C13.7759401,5.95080496 13.5526361,5.4239343 13.2646481,4.9390903 L14.1850561,4.02331941 L12.0313261,1.87996039 L11.1111241,2.79614131 C10.6243461,2.50954007 10.0945141,2.28731136 9.53275206,2.14360073 L9.53275206,0.850000024 L6.48745404,0.850000024 L6.48745404,2.14360073 C5.92569204,2.28731136 5.39627204,2.50954007 4.90887603,2.79614131 L3.98846803,1.87996039 L1.83535602,4.02331941 L2.75576402,4.9390903 C2.46757002,5.4237293 2.24426602,5.95080496 2.09965402,6.50965686 L0.800000012,6.50965686 L0.800000012,9.54049566 L2.09965402,9.54049566 C2.24426602,10.0995526 2.46757002,10.6266282 2.75514602,11.1114722 L1.83535602,12.0270381 L3.98888003,14.1701921 L4.90887603,13.2544212 C5.39627204,13.5408175 5.92569204,13.7632512 6.48745404,13.9067568 L6.48745404,15.2003575 L9.53275206,15.2003575 L9.53275206,13.9067568 C10.0947201,13.7632512 10.6243461,13.5408175 11.1113301,13.2544212 L12.0313261,14.1701921 L14.1850561,12.0270381 L13.2646481,11.1114722 C13.5526361,10.6266282 13.7761461,10.0995526 13.9203461,9.54049566 L15.2200001,9.54049566 L15.2200001,9.54049566 Z M4.77889003,8.02528127 C4.77889003,9.80126588 6.22562804,11.2408323 8.01020605,11.2408323 C9.79437206,11.2408323 11.2411101,9.80126588 11.2411101,8.02528127 C11.2411101,6.24970667 9.79437206,4.80973023 8.01020605,4.80973023 C6.22562804,4.80973023 4.77889003,6.24970667 4.77889003,8.02528127 L4.77889003,8.02528127 Z" id="options_default"></path>
+        </g>
+    </g>
+</svg>

linphone-desktop/assets/images/settings_audio_normal.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="20px" viewBox="0 0 21 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_audio_default</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="settings_audio_default" stroke="#FFFFFF" stroke-width="1.5">
+            <path d="M0.955995459,13.7737278 L6.68408709,13.7737278 L13.1361811,19 L13.1361811,1 L6.68408709,6.22597142 L0.800000012,6.22597142 L0.800000012,13.7737278 L0.955995459,13.7737278 L0.955995459,13.7737278 Z M16.3099238,11.7675107 C17.3483641,10.7459012 17.3483641,9.08984708 16.3099238,8.06883931 M18.7740401,13.254199 C20.647209,11.4119328 20.6475148,8.42411632 18.7740401,6.58185009" id="speaker_on"></path>
+        </g>
+    </g>
+</svg>

linphone-desktop/assets/images/settings_audio_selected.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="20px" viewBox="0 0 21 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_audio_selected</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="settings_audio_selected" stroke="#FE5E00" stroke-width="1.5">
+            <path d="M0.955995459,13.7737278 L6.68408709,13.7737278 L13.1361811,19 L13.1361811,1 L6.68408709,6.22597142 L0.800000012,6.22597142 L0.800000012,13.7737278 L0.955995459,13.7737278 L0.955995459,13.7737278 Z M16.3099238,11.7675107 C17.3483641,10.7459012 17.3483641,9.08984708 16.3099238,8.06883931 M18.7740401,13.254199 C20.647209,11.4119328 20.6475148,8.42411632 18.7740401,6.58185009" id="speaker_on"></path>
+        </g>
+    </g>
+</svg>

linphone-desktop/assets/images/settings_call_normal.svg

+<?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: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_call_default</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="settings_call_default" stroke="#FFFFFF" stroke-width="1.5">
+            <path d="M4.55461126,14.3889991 L4.61101441,14.4450242 C7.3002852,17.1350119 12.0969113,18.7974809 15.4512283,17.6111264 L17.995659,14.2747867 L14.5299113,10.8085083 L11.3593468,13.4904363 L8.46175774,10.5924679 L8.4061407,10.5364429 L5.50894471,7.63847454 L8.18956832,4.46588524 L4.7251964,1 L1.38876333,3.54530555 C0.202724956,6.90169626 1.8647509,11.6984217 4.55461126,14.3889991 Z" id="call_icon"></path>
+        </g>
+    </g>
+</svg>

linphone-desktop/assets/images/settings_call_selected.svg

+<?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: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_call_selected</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="settings_call_selected" stroke="#FE5E00" stroke-width="1.5">
+            <path d="M4.55461126,14.3889991 L4.61101441,14.4450242 C7.3002852,17.1350119 12.0969113,18.7974809 15.4512283,17.6111264 L17.995659,14.2747867 L14.5299113,10.8085083 L11.3593468,13.4904363 L8.46175774,10.5924679 L8.4061407,10.5364429 L5.50894471,7.63847454 L8.18956832,4.46588524 L4.7251964,1 L1.38876333,3.54530555 C0.202724956,6.90169626 1.8647509,11.6984217 4.55461126,14.3889991 Z" id="call_icon"></path>
+        </g>
+    </g>
+</svg>

linphone-desktop/assets/images/settings_network_normal.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="17px" height="19px" viewBox="0 0 17 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_network_default</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="settings_network_default" fill="#FFFFFF">
+            <path d="M12.6037055,3.07883236 C12.6037055,2.22684531 13.2827096,1.53623032 14.1204026,1.53623032 C14.9579984,1.53623032 15.6370268,2.22684531 15.6370268,3.07883236 C15.6370268,3.93072039 14.9579984,4.62131063 14.1204026,4.62131063 C13.8117136,4.62131063 13.524686,4.52731926 13.2851921,4.36624425 C12.8965257,4.10486558 12.6331798,3.66674254 12.6061881,3.16430831 C12.6046547,3.13596485 12.6037055,3.10744811 12.6037055,3.07883236 M2.87959735,11.050523 C2.04197728,11.050523 1.36287587,10.3599081 1.36287587,9.507921 C1.36287587,8.65605772 2.04197728,7.96544273 2.87959735,7.96544273 C3.23506564,7.96544273 3.56164376,8.09007969 3.82024359,8.29836079 C4.17096581,8.58090424 4.39629449,9.01759154 4.39629449,9.507921 C4.39629449,9.99768112 4.17162295,10.4337991 3.82177693,10.7163425 C3.56288504,10.925391 3.23572278,11.050523 2.87959735,11.050523 M13.2832937,14.6289281 C13.5231526,14.4670609 13.8108617,14.3725992 14.1204026,14.3725992 C14.9579984,14.3725992 15.6370268,15.0631895 15.6370268,15.9150775 C15.6370268,16.7670646 14.9579984,17.4576795 14.1204026,17.4576795 C13.2827096,17.4576795 12.6037055,16.7670646 12.6037055,15.9150775 C12.6037055,15.8872291 12.60446,15.8594798 12.6059934,15.8319284 C12.6322306,15.3292962 12.8951141,14.8907771 13.2832937,14.6289281 M12.0841206,5.14976143 C12.348148,5.41829404 12.6559853,5.62927335 12.9990164,5.77683261 C13.3549715,5.93001106 13.732223,6.00754094 14.1204026,6.00754094 C14.5085093,6.00754094 14.8857608,5.93001106 15.2417159,5.77683261 C15.5847227,5.62927335 15.8925843,5.41829404 16.1566116,5.14976143 C16.4206147,4.88122881 16.6280787,4.5681388 16.7731623,4.21925433 C16.9236492,3.85732445 17,3.47353669 17,3.07883236 C17,2.68402902 16.9236492,2.30034027 16.7731623,1.93841039 C16.6280787,1.58942691 16.4206147,1.27641115 16.1566116,1.00790329 C15.8925843,0.739370675 15.5847227,0.528391373 15.2417159,0.380832107 C14.8857608,0.227653658 14.5085093,0.150000006 14.1204026,0.150000006 C13.732223,0.150000006 13.3549715,0.227653658 12.9990164,0.380832107 C12.6559853,0.528391373 12.348148,0.739370675 12.0841206,1.00790329 C11.8201176,1.27641115 11.6126536,1.58942691 11.46757,1.93841039 C11.3170831,2.30034027 11.2407323,2.68402902 11.2407323,3.07883236 C11.2407323,3.35788547 11.2790416,3.63134415 11.3546379,3.89561906 L5.04801474,7.58088759 C5.00561654,7.53167642 4.96161197,7.48360393 4.915782,7.43699193 C4.65175461,7.16848407 4.34401473,6.95748002 4.00088622,6.80992075 C3.64502851,6.65686607 3.26777699,6.57921242 2.87959735,6.57921242 C2.49139337,6.57921242 2.11414185,6.65686607 1.75828414,6.80992075 C1.41525299,6.95748002 1.10741575,7.16848407 0.843388363,7.43699193 C0.579385316,7.70552455 0.37192132,8.01863932 0.226837687,8.36749903 C0.0762534844,8.72952793 -4.54747351e-13,9.11321668 -4.54747351e-13,9.507921 C-4.54747351e-13,9.90272435 0.0762534844,10.2864131 0.226837687,10.648442 C0.37192132,10.9973265 0.579385316,11.3104412 0.843388363,11.5789491 C1.10741575,11.8474817 1.41525299,12.058461 1.75828414,12.2060203 C2.11414185,12.3590997 2.49139337,12.4367534 2.87959735,12.4367534 C3.26777699,12.4367534 3.64502851,12.3590997 4.00088622,12.2060203 C4.34401473,12.058461 4.65175461,11.8474817 4.915782,11.5789491 C4.96256119,11.5313717 5.00741761,11.4823585 5.05069201,11.4320829 L11.3533966,15.1024495 C11.2786765,15.3653629 11.2407323,15.6374601 11.2407323,15.9150775 C11.2407323,16.3099056 11.3170831,16.6935943 11.46757,17.0555242 C11.6126536,17.404483 11.8201176,17.7174987 12.0841206,17.9861056 C12.348148,18.2546382 12.6559853,18.4656175 12.9990164,18.6131768 C13.3549715,18.7662562 13.732223,18.8439099 14.1204026,18.8439099 C14.5085093,18.8439099 14.8857608,18.7662562 15.2417159,18.6131768 C15.5847227,18.4656175 15.8925843,18.2546382 16.1566116,17.9861056 C16.4206147,17.7174987 16.6280787,17.404483 16.7731623,17.0555242 C16.9236492,16.6935943 17,16.3099056 17,15.9150775 C17,15.5203732 16.9236492,15.1366844 16.7731623,14.7746555 C16.6280787,14.4257711 16.4206147,14.112681 16.1566116,13.8441484 C15.8925843,13.5756158 15.5847227,13.3646365 15.2417159,13.2170773 C14.8857608,13.0640226 14.5085093,12.9863689 14.1204026,12.9863689 C13.732223,12.9863689 13.3549715,13.0640226 12.9990164,13.2170773 C12.6559853,13.3646365 12.348148,13.5756158 12.0841206,13.8441484 C12.0661586,13.862417 12.0484886,13.8809826 12.030989,13.8996472 L5.67807345,10.2000707 C5.73188656,9.97478357 5.75926772,9.74338212 5.75926772,9.50802002 C5.75926772,9.27122218 5.73159449,9.03848401 5.67712424,8.81198388 L12.033934,5.09735697 C12.0504844,5.11505616 12.0672052,5.1324583 12.0841206,5.14976143" id="Fill-1"></path>
+        </g>
+    </g>
+</svg>

linphone-desktop/assets/images/settings_network_selected.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="17px" height="19px" viewBox="0 0 17 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_network_selected</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="settings_network_selected" fill="#FE5E00">
+            <path d="M12.6037055,3.07883236 C12.6037055,2.22684531 13.2827096,1.53623032 14.1204026,1.53623032 C14.9579984,1.53623032 15.6370268,2.22684531 15.6370268,3.07883236 C15.6370268,3.93072039 14.9579984,4.62131063 14.1204026,4.62131063 C13.8117136,4.62131063 13.524686,4.52731926 13.2851921,4.36624425 C12.8965257,4.10486558 12.6331798,3.66674254 12.6061881,3.16430831 C12.6046547,3.13596485 12.6037055,3.10744811 12.6037055,3.07883236 M2.87959735,11.050523 C2.04197728,11.050523 1.36287587,10.3599081 1.36287587,9.507921 C1.36287587,8.65605772 2.04197728,7.96544273 2.87959735,7.96544273 C3.23506564,7.96544273 3.56164376,8.09007969 3.82024359,8.29836079 C4.17096581,8.58090424 4.39629449,9.01759154 4.39629449,9.507921 C4.39629449,9.99768112 4.17162295,10.4337991 3.82177693,10.7163425 C3.56288504,10.925391 3.23572278,11.050523 2.87959735,11.050523 M13.2832937,14.6289281 C13.5231526,14.4670609 13.8108617,14.3725992 14.1204026,14.3725992 C14.9579984,14.3725992 15.6370268,15.0631895 15.6370268,15.9150775 C15.6370268,16.7670646 14.9579984,17.4576795 14.1204026,17.4576795 C13.2827096,17.4576795 12.6037055,16.7670646 12.6037055,15.9150775 C12.6037055,15.8872291 12.60446,15.8594798 12.6059934,15.8319284 C12.6322306,15.3292962 12.8951141,14.8907771 13.2832937,14.6289281 M12.0841206,5.14976143 C12.348148,5.41829404 12.6559853,5.62927335 12.9990164,5.77683261 C13.3549715,5.93001106 13.732223,6.00754094 14.1204026,6.00754094 C14.5085093,6.00754094 14.8857608,5.93001106 15.2417159,5.77683261 C15.5847227,5.62927335 15.8925843,5.41829404 16.1566116,5.14976143 C16.4206147,4.88122881 16.6280787,4.5681388 16.7731623,4.21925433 C16.9236492,3.85732445 17,3.47353669 17,3.07883236 C17,2.68402902 16.9236492,2.30034027 16.7731623,1.93841039 C16.6280787,1.58942691 16.4206147,1.27641115 16.1566116,1.00790329 C15.8925843,0.739370675 15.5847227,0.528391373 15.2417159,0.380832107 C14.8857608,0.227653658 14.5085093,0.150000006 14.1204026,0.150000006 C13.732223,0.150000006 13.3549715,0.227653658 12.9990164,0.380832107 C12.6559853,0.528391373 12.348148,0.739370675 12.0841206,1.00790329 C11.8201176,1.27641115 11.6126536,1.58942691 11.46757,1.93841039 C11.3170831,2.30034027 11.2407323,2.68402902 11.2407323,3.07883236 C11.2407323,3.35788547 11.2790416,3.63134415 11.3546379,3.89561906 L5.04801474,7.58088759 C5.00561654,7.53167642 4.96161197,7.48360393 4.915782,7.43699193 C4.65175461,7.16848407 4.34401473,6.95748002 4.00088622,6.80992075 C3.64502851,6.65686607 3.26777699,6.57921242 2.87959735,6.57921242 C2.49139337,6.57921242 2.11414185,6.65686607 1.75828414,6.80992075 C1.41525299,6.95748002 1.10741575,7.16848407 0.843388363,7.43699193 C0.579385316,7.70552455 0.37192132,8.01863932 0.226837687,8.36749903 C0.0762534844,8.72952793 -4.54747351e-13,9.11321668 -4.54747351e-13,9.507921 C-4.54747351e-13,9.90272435 0.0762534844,10.2864131 0.226837687,10.648442 C0.37192132,10.9973265 0.579385316,11.3104412 0.843388363,11.5789491 C1.10741575,11.8474817 1.41525299,12.058461 1.75828414,12.2060203 C2.11414185,12.3590997 2.49139337,12.4367534 2.87959735,12.4367534 C3.26777699,12.4367534 3.64502851,12.3590997 4.00088622,12.2060203 C4.34401473,12.058461 4.65175461,11.8474817 4.915782,11.5789491 C4.96256119,11.5313717 5.00741761,11.4823585 5.05069201,11.4320829 L11.3533966,15.1024495 C11.2786765,15.3653629 11.2407323,15.6374601 11.2407323,15.9150775 C11.2407323,16.3099056 11.3170831,16.6935943 11.46757,17.0555242 C11.6126536,17.404483 11.8201176,17.7174987 12.0841206,17.9861056 C12.348148,18.2546382 12.6559853,18.4656175 12.9990164,18.6131768 C13.3549715,18.7662562 13.732223,18.8439099 14.1204026,18.8439099 C14.5085093,18.8439099 14.8857608,18.7662562 15.2417159,18.6131768 C15.5847227,18.4656175 15.8925843,18.2546382 16.1566116,17.9861056 C16.4206147,17.7174987 16.6280787,17.404483 16.7731623,17.0555242 C16.9236492,16.6935943 17,16.3099056 17,15.9150775 C17,15.5203732 16.9236492,15.1366844 16.7731623,14.7746555 C16.6280787,14.4257711 16.4206147,14.112681 16.1566116,13.8441484 C15.8925843,13.5756158 15.5847227,13.3646365 15.2417159,13.2170773 C14.8857608,13.0640226 14.5085093,12.9863689 14.1204026,12.9863689 C13.732223,12.9863689 13.3549715,13.0640226 12.9990164,13.2170773 C12.6559853,13.3646365 12.348148,13.5756158 12.0841206,13.8441484 C12.0661586,13.862417 12.0484886,13.8809826 12.030989,13.8996472 L5.67807345,10.2000707 C5.73188656,9.97478357 5.75926772,9.74338212 5.75926772,9.50802002 C5.75926772,9.27122218 5.73159449,9.03848401 5.67712424,8.81198388 L12.033934,5.09735697 C12.0504844,5.11505616 12.0672052,5.1324583 12.0841206,5.14976143" id="Fill-1"></path>
+        </g>
+    </g>
+</svg>

linphone-desktop/assets/images/settings_sip_accounts_normal.svg

+<?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: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_account_default</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="settings_account_default" stroke="#FFFFFF" stroke-width="1.5">
+            <path d="M9.40087269,0.75 C11.815196,0.75 13.7728222,2.69537597 13.7728222,5.0925101 C13.7728222,6.23965754 13.3247653,7.28396572 12.5928155,8.06015727 C12.4891329,8.16911791 12.5298653,8.15075376 12.4163082,8.24869591 L12.5989871,8.37112359 C19.2223301,11.2359315 17.5251447,16.0522368 17.5251447,16.0522368 C13.2581122,17.3964928 9.40827859,17.1883657 9.40827859,17.1883657 L9.31076757,17.1883657 C9.31076757,17.1883657 5.460934,17.3964928 1.19513573,16.0522368 C1.19513573,16.0522368 -0.503283956,11.2359315 6.1212934,8.37112359 L6.30273794,8.24869591 C6.18918081,8.15075376 6.22991326,8.16911791 6.12746498,8.06015727 C5.39551522,7.28396572 4.94745828,6.23965754 4.94745828,5.0925101 C4.94745828,2.69537597 6.90385014,0.75 9.31817347,0.75 L9.40087269,0.75 L9.40087269,0.75 Z" id="new_conference_default"></path>
+        </g>
+    </g>
+</svg>

linphone-desktop/assets/images/settings_sip_accounts_selected.svg

+<?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: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_account_selected</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="settings_account_selected" stroke="#FE5E00" stroke-width="1.5">
+            <path d="M9.40087269,0.75 C11.815196,0.75 13.7728222,2.69537597 13.7728222,5.0925101 C13.7728222,6.23965754 13.3247653,7.28396572 12.5928155,8.06015727 C12.4891329,8.16911791 12.5298653,8.15075376 12.4163082,8.24869591 L12.5989871,8.37112359 C19.2223301,11.2359315 17.5251447,16.0522368 17.5251447,16.0522368 C13.2581122,17.3964928 9.40827859,17.1883657 9.40827859,17.1883657 L9.31076757,17.1883657 C9.31076757,17.1883657 5.460934,17.3964928 1.19513573,16.0522368 C1.19513573,16.0522368 -0.503283956,11.2359315 6.1212934,8.37112359 L6.30273794,8.24869591 C6.18918081,8.15075376 6.22991326,8.16911791 6.12746498,8.06015727 C5.39551522,7.28396572 4.94745828,6.23965754 4.94745828,5.0925101 C4.94745828,2.69537597 6.90385014,0.75 9.31817347,0.75 L9.40087269,0.75 L9.40087269,0.75 Z" id="new_conference_default"></path>
+        </g>
+    </g>
+</svg>

linphone-desktop/assets/images/settings_video_normal.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="23px" height="14px" viewBox="0 0 23 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_video_default</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="settings_video_default" stroke-width="1.5" stroke="#FFFFFF">
+            <polygon id="videocall_icon" points="22.25 6.89355494 22.25 1.08716608 16.4942742 5.63134348 16.4942742 0.75 0.75 0.75 0.75 13.25 16.4942742 13.25 16.4942742 8.36865652 22.25 12.9128339"></polygon>
+        </g>
+    </g>
+</svg>

linphone-desktop/assets/images/settings_video_selected.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="23px" height="14px" viewBox="0 0 23 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>settings_video_selected</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="settings_video_selected" stroke-width="1.5" stroke="#FE5E00">
+            <polygon id="videocall_icon" points="22.25 6.89355494 22.25 1.08716608 16.4942742 5.63134348 16.4942742 0.75 0.75 0.75 0.75 13.25 16.4942742 13.25 16.4942742 8.36865652 22.25 12.9128339"></polygon>
+        </g>
+    </g>
+</svg>

linphone-desktop/resources.qrc

@@ -135,6 +135,18 @@
     <file>assets/images/screenshot_normal.svg</file>
     <file>assets/images/screenshot_pressed.svg</file>
     <file>assets/images/search.svg</file>
+    <file>assets/images/settings_advanced_normal.svg</file>
+    <file>assets/images/settings_advanced_selected.svg</file>
+    <file>assets/images/settings_audio_normal.svg</file>
+    <file>assets/images/settings_audio_selected.svg</file>
+    <file>assets/images/settings_call_normal.svg</file>
+    <file>assets/images/settings_call_selected.svg</file>
+    <file>assets/images/settings_network_normal.svg</file>
+    <file>assets/images/settings_network_selected.svg</file>
+    <file>assets/images/settings_sip_accounts_normal.svg</file>
+    <file>assets/images/settings_sip_accounts_selected.svg</file>
+    <file>assets/images/settings_video_normal.svg</file>
+    <file>assets/images/settings_video_selected.svg</file>
     <file>assets/images/speaker_off_hovered.svg</file>
     <file>assets/images/speaker_off_normal.svg</file>
     <file>assets/images/speaker_off_pressed.svg</file>

linphone-desktop/ui/modules/Common/Form/Tab/TabButton.qml

 import QtQuick 2.7
-import QtQuick.Controls 2.1
+import QtQuick.Controls 2.1 as Controls
+import QtQuick.Layouts 1.3
 
+import Common 1.0
 import Common.Styles 1.0
 
 // =============================================================================
 
-TabButton {
+Controls.TabButton {
   id: button
 
   // ---------------------------------------------------------------------------
 
+  property string icon
+  property int iconSize: TabButtonStyle.icon.size
+
+  readonly property bool _isSelected: parent.parent.currentItem === button
+
+  // ---------------------------------------------------------------------------
+
   function _getBackgroundColor () {
-    if (button.parent.parent.currentItem === button) {
+    if (_isSelected) {
       return TabButtonStyle.backgroundColor.selected
     }
 
@@ -25,7 +34,7 @@ TabButton {
   }
 
   function _getTextColor () {
-    if (button.parent.parent.currentItem === button) {
+    if (_isSelected) {
       return TabButtonStyle.text.color.selected
     }
 
@@ -45,22 +54,44 @@ TabButton {
     implicitHeight: TabButtonStyle.text.height
   }
 
-  contentItem: Text {
-    color: _getTextColor()
+  contentItem: RowLayout {
+    spacing: 8
+
+    Icon {
+      id: icon
 
-    font {
-      bold: true
-      pointSize: TabButtonStyle.text.fontSize
+      Layout.fillHeight: true
+      Layout.leftMargin: TabButtonStyle.text.leftPadding
+
+      icon: {
+        var icon = button.icon
+        return icon.length
+          ? (icon + '_' + (button._isSelected ? 'selected' : 'normal'))
+          : ''
+      }
+      iconSize: button.iconSize
     }
 
-    elide: Text.ElideRight
+    Text {
+      Layout.fillWidth: true
+      Layout.fillHeight: true
+
+      color: _getTextColor()
+
+      font {
+        bold: true
+        pointSize: TabButtonStyle.text.fontSize
+      }
 
-    horizontalAlignment: Text.AlignHCenter
-    verticalAlignment: Text.AlignVCenter
+      elide: Text.ElideRight
 
-    leftPadding: TabButtonStyle.text.leftPadding
-    rightPadding: TabButtonStyle.text.rightPadding
-    text: button.text
+      height: parent.height
+      horizontalAlignment: Text.AlignHCenter
+      verticalAlignment: Text.AlignVCenter
+
+      rightPadding: TabButtonStyle.text.rightPadding
+      text: button.text
+    }
   }
 
   hoverEnabled: true

linphone-desktop/ui/modules/Common/Styles/Form/Tab/TabButtonStyle.qml

@@ -13,6 +13,10 @@ QtObject {
     property color selected: Colors.k
   }
 
+  property QtObject icon: QtObject {
+    property int size: 20
+  }
+
   property QtObject text: QtObject {
     property int fontSize: 9
     property int height: 40

linphone-desktop/ui/views/App/Settings/SettingsWindow.qml

@@ -15,8 +15,8 @@ ApplicationWindow {
   height: SettingsWindowStyle.height
   width: SettingsWindowStyle.width
 
-  maximumHeight: height
-  maximumWidth: width
+  //maximumHeight: height
+  //maximumWidth: width
 
   minimumHeight: height
   minimumWidth: width
@@ -40,31 +40,37 @@ ApplicationWindow {
         id: tabBar
 
         TabButton {
+          icon: 'settings_sip_accounts'
           text: qsTr('sipAccountsTab')
           width: implicitWidth
         }
 
         TabButton {
+          icon: 'settings_audio'
           text: qsTr('audioTab')
           width: implicitWidth
         }
 
         TabButton {
+          icon: 'settings_video'
           text: qsTr('videoTab')
           width: implicitWidth
         }
 
         TabButton {
+          icon: 'settings_call'
           text: qsTr('callsAndChatTab')
           width: implicitWidth
         }
 
         TabButton {
+          icon: 'settings_network'
           text: qsTr('networkTab')
           width: implicitWidth
         }
 
         TabButton {
+          icon: 'settings_advanced'
           text: qsTr('uiTab')
           width: implicitWidth
         }