Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/iNavFlight/inav-configurator.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/images
diff options
context:
space:
mode:
authorskaman82 <albert@wd-design.de>2015-10-26 02:51:41 +0300
committerskaman82 <albert@wd-design.de>2015-10-26 02:51:41 +0300
commit391a733aa8444a5ad976b0e2576cc8789e9bd78e (patch)
tree012c42cfe4ae188b4ad1c013798878e26cdea94b /images
parentb65c4e738e231c72565f130c20166c3aa7df87d8 (diff)
Added icons
Changed tab selection function to give each tab a separate class for icons. Added icons, cleanup work
Diffstat (limited to 'images')
-rw-r--r--images/icons/cf_icon_adjust_grey.svg13
-rw-r--r--images/icons/cf_icon_adjust_white.svg13
-rw-r--r--images/icons/cf_icon_advanced_grey.svg14
-rw-r--r--images/icons/cf_icon_advanced_white.svg14
-rw-r--r--images/icons/cf_icon_backup_grey.svg12
-rw-r--r--images/icons/cf_icon_backup_white.svg12
-rw-r--r--images/icons/cf_icon_cli_grey.svg17
-rw-r--r--images/icons/cf_icon_cli_white.svg17
-rw-r--r--images/icons/cf_icon_config_grey.svg17
-rw-r--r--images/icons/cf_icon_config_white.svg17
-rw-r--r--images/icons/cf_icon_data_grey.svg23
-rw-r--r--images/icons/cf_icon_data_white.svg23
-rw-r--r--images/icons/cf_icon_filter.svg8
-rw-r--r--images/icons/cf_icon_flasher_grey.svg23
-rw-r--r--images/icons/cf_icon_flasher_white.svg23
-rw-r--r--images/icons/cf_icon_gps_grey.svg19
-rw-r--r--images/icons/cf_icon_gps_white.svg19
-rw-r--r--images/icons/cf_icon_help_grey.svg15
-rw-r--r--images/icons/cf_icon_help_white.svg15
-rw-r--r--images/icons/cf_icon_led_grey.svg10
-rw-r--r--images/icons/cf_icon_led_white.svg10
-rw-r--r--images/icons/cf_icon_log_grey.svg16
-rw-r--r--images/icons/cf_icon_log_white.svg16
-rw-r--r--images/icons/cf_icon_mission_grey.svg15
-rw-r--r--images/icons/cf_icon_mission_white.svg15
-rw-r--r--images/icons/cf_icon_modes_grey.svg16
-rw-r--r--images/icons/cf_icon_modes_white.svg16
-rw-r--r--images/icons/cf_icon_motor_grey.svg9
-rw-r--r--images/icons/cf_icon_motor_white.svg9
-rw-r--r--images/icons/cf_icon_pid_grey.svg20
-rw-r--r--images/icons/cf_icon_pid_white.svg20
-rw-r--r--images/icons/cf_icon_ports_grey.svg16
-rw-r--r--images/icons/cf_icon_ports_white.svg16
-rw-r--r--images/icons/cf_icon_quad.svg26
-rw-r--r--images/icons/cf_icon_rx_grey.svg14
-rw-r--r--images/icons/cf_icon_rx_white.svg14
-rw-r--r--images/icons/cf_icon_sensors_grey.svg14
-rw-r--r--images/icons/cf_icon_sensors_white.svg14
-rw-r--r--images/icons/cf_icon_servo_grey.svg10
-rw-r--r--images/icons/cf_icon_servo_white.svg10
-rw-r--r--images/icons/cf_icon_settings_white.svg19
-rw-r--r--images/icons/cf_icon_setup_grey.svg12
-rw-r--r--images/icons/cf_icon_setup_white.svg12
-rw-r--r--images/icons/cf_icon_welcome_grey.svg9
-rw-r--r--images/icons/cf_icon_welcome_white.svg9
-rw-r--r--images/icons/cf_icon_wizard_grey.svg12
-rw-r--r--images/icons/cf_icon_wizard_white.svg12
47 files changed, 705 insertions, 0 deletions
diff --git a/images/icons/cf_icon_adjust_grey.svg b/images/icons/cf_icon_adjust_grey.svg
new file mode 100644
index 00000000..eed14194
--- /dev/null
+++ b/images/icons/cf_icon_adjust_grey.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g id="EQ__x2F__Equalizer__x2F__Mixer">
+ <path fill="#818181" d="M37,48.3h-4.5V9.9c0-3.7-3-6.8-6.8-6.8s-6.8,3-6.8,6.8v38.4h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v56.5
+ c0,3.7,3,6.8,6.8,6.8c3.7,0,6.8-3,6.8-6.8V75.4H37c5,0,9-4,9-9v-9C46,52.3,42,48.3,37,48.3z M82.2,88.9h-4.5V9.9
+ c0-3.7-3-6.8-6.8-6.8c-3.7,0-6.8,3-6.8,6.8v79.1h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v15.8c0,3.7,3,6.8,6.8,6.8
+ c3.7,0,6.8-3,6.8-6.8V116h4.5c5,0,9-4,9-9v-9C91.2,93,87.1,88.9,82.2,88.9z M127.3,16.7h-4.5V9.9c0-3.7-3-6.8-6.8-6.8
+ c-3.7,0-6.8,3-6.8,6.8v6.8h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v88.1c0,3.7,3,6.8,6.8,6.8c3.7,0,6.8-3,6.8-6.8V43.8h4.5
+ c5,0,9-4,9-9v-9C136.4,20.7,132.3,16.7,127.3,16.7z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_adjust_white.svg b/images/icons/cf_icon_adjust_white.svg
new file mode 100644
index 00000000..d3c00f07
--- /dev/null
+++ b/images/icons/cf_icon_adjust_white.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g id="EQ__x2F__Equalizer__x2F__Mixer">
+ <path fill="#FFFFFF" d="M37,48.3h-4.5V9.9c0-3.7-3-6.8-6.8-6.8s-6.8,3-6.8,6.8v38.4h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v56.5
+ c0,3.7,3,6.8,6.8,6.8c3.7,0,6.8-3,6.8-6.8V75.4H37c5,0,9-4,9-9v-9C46,52.3,42,48.3,37,48.3z M82.2,88.9h-4.5V9.9
+ c0-3.7-3-6.8-6.8-6.8c-3.7,0-6.8,3-6.8,6.8v79.1h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v15.8c0,3.7,3,6.8,6.8,6.8
+ c3.7,0,6.8-3,6.8-6.8V116h4.5c5,0,9-4,9-9v-9C91.2,93,87.1,88.9,82.2,88.9z M127.3,16.7h-4.5V9.9c0-3.7-3-6.8-6.8-6.8
+ c-3.7,0-6.8,3-6.8,6.8v6.8h-4.5c-5,0-9,4-9,9v9c0,5,4,9,9,9h4.5v88.1c0,3.7,3,6.8,6.8,6.8c3.7,0,6.8-3,6.8-6.8V43.8h4.5
+ c5,0,9-4,9-9v-9C136.4,20.7,132.3,16.7,127.3,16.7z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_advanced_grey.svg b/images/icons/cf_icon_advanced_grey.svg
new file mode 100644
index 00000000..d092b603
--- /dev/null
+++ b/images/icons/cf_icon_advanced_grey.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <polygon fill="#818181" points="26.8,38.1 31.7,38.1 31.7,29.5 40.4,29.5 40.4,24.6 31.7,24.6 31.7,15.9 26.8,15.9 26.8,24.6
+ 18.2,24.6 18.2,29.5 26.8,29.5 "/>
+ <path fill="#818181" d="M114.8,94.6c-10.8,0-19.8,7.6-21.9,17.7l-39.1,0V71.8l39,0c2,10.3,11.1,18.1,22,18.1
+ c12.4,0,22.4-10.1,22.4-22.4s-10.1-22.4-22.4-22.4c-10.9,0-20,7.8-22,18.1l-39,0V51.6h0.1V2.4H4.7v49.1h40.6v69.9h0.2v0.3l47.3,0
+ c2.2,10.1,11.2,17.7,21.9,17.7c12.4,0,22.4-10.1,22.4-22.4S127.1,94.6,114.8,94.6z M114.8,55.2c6.8,0,12.3,5.5,12.3,12.3
+ c0,6.8-5.5,12.3-12.3,12.3s-12.3-5.5-12.3-12.3C102.5,60.7,108,55.2,114.8,55.2z M45,42.7H13.6V11.3H45V42.7z M114.8,129.3
+ c-6.8,0-12.3-5.5-12.3-12.3s5.5-12.3,12.3-12.3s12.3,5.5,12.3,12.3S121.5,129.3,114.8,129.3z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_advanced_white.svg b/images/icons/cf_icon_advanced_white.svg
new file mode 100644
index 00000000..3674e41a
--- /dev/null
+++ b/images/icons/cf_icon_advanced_white.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <polygon fill="#FFFFFF" points="26.8,38.1 31.7,38.1 31.7,29.5 40.4,29.5 40.4,24.6 31.7,24.6 31.7,15.9 26.8,15.9 26.8,24.6
+ 18.2,24.6 18.2,29.5 26.8,29.5 "/>
+ <path fill="#FFFFFF" d="M114.8,94.6c-10.8,0-19.8,7.6-21.9,17.7l-39.1,0V71.8l39,0c2,10.3,11.1,18.1,22,18.1
+ c12.4,0,22.4-10.1,22.4-22.4s-10.1-22.4-22.4-22.4c-10.9,0-20,7.8-22,18.1l-39,0V51.6h0.1V2.4H4.7v49.1h40.6v69.9h0.2v0.3l47.3,0
+ c2.2,10.1,11.2,17.7,21.9,17.7c12.4,0,22.4-10.1,22.4-22.4S127.1,94.6,114.8,94.6z M114.8,55.2c6.8,0,12.3,5.5,12.3,12.3
+ c0,6.8-5.5,12.3-12.3,12.3s-12.3-5.5-12.3-12.3C102.5,60.7,108,55.2,114.8,55.2z M45,42.7H13.6V11.3H45V42.7z M114.8,129.3
+ c-6.8,0-12.3-5.5-12.3-12.3s5.5-12.3,12.3-12.3s12.3,5.5,12.3,12.3S121.5,129.3,114.8,129.3z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_backup_grey.svg b/images/icons/cf_icon_backup_grey.svg
new file mode 100644
index 00000000..ca1a9771
--- /dev/null
+++ b/images/icons/cf_icon_backup_grey.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#818181" d="M137.3,42.9c-1.4-1.8-3.6-2.8-5.9-2.8h-7.6c0-4.2-3.4-7.6-7.6-7.6h-7.6v-7.6c0-4.2-3.4-7.6-7.6-7.6H9.7
+ c-4.2,0-7.6,3.4-7.6,7.6v91.3c0,4.2,3.4,7.6,7.6,7.6h15.2h76.1h15.2c3.6,0,6.7-2.5,7.4-6l15.2-68.5
+ C139.3,47.1,138.7,44.7,137.3,42.9z M100.9,32.5h-7.6c-3.9,0-7.1,3-7.5,6.9v27.5h9.5c1.5,0,2.9,0.9,3.5,2.3
+ c0.6,1.4,0.3,3.1-0.8,4.1L71.4,99.9c-0.7,0.7-1.7,1.1-2.7,1.1c-1,0-1.9-0.4-2.7-1.1L39.4,73.3c-1.1-1.1-1.4-2.7-0.8-4.1
+ c0.6-1.4,2-2.3,3.5-2.3h9.5V40.1H40.1c-3.6,0-6.7,2.5-7.4,6l-15.2,68.5c-0.1,0.6-0.2,1.1-0.2,1.6H9.7V24.9h91.3V32.5z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_backup_white.svg b/images/icons/cf_icon_backup_white.svg
new file mode 100644
index 00000000..7c97157a
--- /dev/null
+++ b/images/icons/cf_icon_backup_white.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#FFFFFF" d="M137.3,42.9c-1.4-1.8-3.6-2.8-5.9-2.8h-7.6c0-4.2-3.4-7.6-7.6-7.6h-7.6v-7.6c0-4.2-3.4-7.6-7.6-7.6H9.7
+ c-4.2,0-7.6,3.4-7.6,7.6v91.3c0,4.2,3.4,7.6,7.6,7.6h15.2h76.1h15.2c3.6,0,6.7-2.5,7.4-6l15.2-68.5
+ C139.3,47.1,138.7,44.7,137.3,42.9z M100.9,32.5h-7.6c-3.9,0-7.1,3-7.5,6.9v27.5h9.5c1.5,0,2.9,0.9,3.5,2.3
+ c0.6,1.4,0.3,3.1-0.8,4.1L71.4,99.9c-0.7,0.7-1.7,1.1-2.7,1.1c-1,0-1.9-0.4-2.7-1.1L39.4,73.3c-1.1-1.1-1.4-2.7-0.8-4.1
+ c0.6-1.4,2-2.3,3.5-2.3h9.5V40.1H40.1c-3.6,0-6.7,2.5-7.4,6l-15.2,68.5c-0.1,0.6-0.2,1.1-0.2,1.6H9.7V24.9h91.3V32.5z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_cli_grey.svg b/images/icons/cf_icon_cli_grey.svg
new file mode 100644
index 00000000..879a3f65
--- /dev/null
+++ b/images/icons/cf_icon_cli_grey.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g id="c43_terminal">
+ <path fill="#818181" d="M125.8,15.9H15.9c-5.1,0-9.2,4.1-9.2,9.2v91.6c0,5.1,4.1,9.2,9.2,9.2h109.9c5.1,0,9.2-4.1,9.2-9.2V25
+ C135,20,130.9,15.9,125.8,15.9z M36.5,22.8c2.5,0,4.6,2,4.6,4.6c0,2.5-2.1,4.6-4.6,4.6c-2.5,0-4.6-2-4.6-4.6
+ C31.9,24.8,34,22.8,36.5,22.8z M22.8,22.8c2.5,0,4.6,2,4.6,4.6c0,2.5-2,4.6-4.6,4.6s-4.6-2-4.6-4.6C18.2,24.8,20.2,22.8,22.8,22.8
+ z M125.8,116.7H15.9V38.9h109.9V116.7z"/>
+ <polygon fill="#818181" points="58.1,57.7 28.7,44.3 28.7,50.8 51.4,60.5 51.4,60.6 28.7,70.3 28.7,76.8 58.1,63.3 "/>
+ <rect x="71.9" y="57.4" fill="#818181" width="16" height="6.2"/>
+ </g>
+ <g id="Capa_1_86_">
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_cli_white.svg b/images/icons/cf_icon_cli_white.svg
new file mode 100644
index 00000000..5625f4ca
--- /dev/null
+++ b/images/icons/cf_icon_cli_white.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g id="c43_terminal">
+ <path fill="#FFFFFF" d="M125.8,15.9H15.9c-5.1,0-9.2,4.1-9.2,9.2v91.6c0,5.1,4.1,9.2,9.2,9.2h109.9c5.1,0,9.2-4.1,9.2-9.2V25
+ C135,20,130.9,15.9,125.8,15.9z M36.5,22.8c2.5,0,4.6,2,4.6,4.6c0,2.5-2.1,4.6-4.6,4.6c-2.5,0-4.6-2-4.6-4.6
+ C31.9,24.8,34,22.8,36.5,22.8z M22.8,22.8c2.5,0,4.6,2,4.6,4.6c0,2.5-2,4.6-4.6,4.6s-4.6-2-4.6-4.6C18.2,24.8,20.2,22.8,22.8,22.8
+ z M125.8,116.7H15.9V38.9h109.9V116.7z"/>
+ <polygon fill="#FFFFFF" points="58.1,57.7 28.7,44.3 28.7,50.8 51.4,60.5 51.4,60.6 28.7,70.3 28.7,76.8 58.1,63.3 "/>
+ <rect x="71.9" y="57.4" fill="#FFFFFF" width="16" height="6.2"/>
+ </g>
+ <g id="Capa_1_86_">
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_config_grey.svg b/images/icons/cf_icon_config_grey.svg
new file mode 100644
index 00000000..d00c844e
--- /dev/null
+++ b/images/icons/cf_icon_config_grey.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <g>
+ <path fill="#818181" d="M119.6,54.2l-2.3-5.5c7.9-18,7.4-18.5,5.9-20.1L113,18.7l-1-0.8h-1.2c-0.6,0-2.5,0-17.9,7l-5.7-2.3
+ C79.9,4.4,79.1,4.4,77,4.4H62.7c-2.1,0-3,0-9.8,18.3l-5.7,2.3c-10.4-4.4-16.5-6.6-18.2-6.6l-1.4,0L16.7,29
+ c-1.7,1.6-2.2,2.1,6.2,19.8l-2.3,5.5C2,61.5,2,62.2,2,64.4v14c0,2.2,0,3,18.7,9.7l2.3,5.5c-7.9,18-7.4,18.5-5.9,20l10.2,9.9
+ l1,0.9h1.2c0.6,0,2.4,0,17.9-7l5.7,2.3c7.3,18.2,8.1,18.2,10.3,18.2h14.3c2.2,0,3,0,9.8-18.3l5.7-2.3c10.4,4.4,16.5,6.6,18.2,6.6
+ l1.4,0l11-10.8c1.6-1.6,2.1-2.1-6.2-19.7l2.3-5.5c18.6-7.2,18.6-8,18.6-10.1v-14C138.3,61.6,138.3,60.8,119.6,54.2z M70.1,94.5
+ C57,94.5,46.3,84,46.3,71.1c0-12.9,10.7-23.4,23.8-23.4c13.1,0,23.8,10.5,23.8,23.4C93.9,84,83.3,94.5,70.1,94.5z"/>
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_config_white.svg b/images/icons/cf_icon_config_white.svg
new file mode 100644
index 00000000..cfd9b961
--- /dev/null
+++ b/images/icons/cf_icon_config_white.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <g>
+ <path fill="#FFFFFF" d="M119.6,54.2l-2.3-5.5c7.9-18,7.4-18.5,5.9-20.1L113,18.7l-1-0.8h-1.2c-0.6,0-2.5,0-17.9,7l-5.7-2.3
+ C79.9,4.4,79.1,4.4,77,4.4H62.7c-2.1,0-3,0-9.8,18.3l-5.7,2.3c-10.4-4.4-16.5-6.6-18.2-6.6l-1.4,0L16.7,29
+ c-1.7,1.6-2.2,2.1,6.2,19.8l-2.3,5.5C2,61.5,2,62.2,2,64.4v14c0,2.2,0,3,18.7,9.7l2.3,5.5c-7.9,18-7.4,18.5-5.9,20l10.2,9.9
+ l1,0.9h1.2c0.6,0,2.4,0,17.9-7l5.7,2.3c7.3,18.2,8.1,18.2,10.3,18.2h14.3c2.2,0,3,0,9.8-18.3l5.7-2.3c10.4,4.4,16.5,6.6,18.2,6.6
+ l1.4,0l11-10.8c1.6-1.6,2.1-2.1-6.2-19.7l2.3-5.5c18.6-7.2,18.6-8,18.6-10.1v-14C138.3,61.6,138.3,60.8,119.6,54.2z M70.1,94.5
+ C57,94.5,46.3,84,46.3,71.1c0-12.9,10.7-23.4,23.8-23.4c13.1,0,23.8,10.5,23.8,23.4C93.9,84,83.3,94.5,70.1,94.5z"/>
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_data_grey.svg b/images/icons/cf_icon_data_grey.svg
new file mode 100644
index 00000000..59107c12
--- /dev/null
+++ b/images/icons/cf_icon_data_grey.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#818181" d="M17.8,93.4c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4c0,4.6,3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2
+ h11.3V93.4H17.8z"/>
+ <path fill="#818181" d="M17.8,65.6c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4c0,4.6,3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2
+ h11.3V65.6L17.8,65.6L17.8,65.6z"/>
+ <path fill="#818181" d="M17.8,37.8c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4s3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2h11.3
+ V37.8H17.8z"/>
+ <path fill="#818181" d="M123.9,103.8c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4c0-4.6-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2
+ h-11.3v10.4H123.9z"/>
+ <path fill="#818181" d="M123.9,76c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4c0-4.6-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2
+ h-11.3V76L123.9,76L123.9,76z"/>
+ <path fill="#818181" d="M123.9,48.2c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4s-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2h-11.3
+ v10.4L123.9,48.2L123.9,48.2z"/>
+ <path fill="#818181" d="M98.2,14.9H43.5c-2.9,0-5.2,2.3-5.2,5.2v101.4c0,2.9,2.3,5.2,5.2,5.2h54.7c2.9,0,5.2-2.3,5.2-5.2V20.1
+ C103.4,17.3,101.1,14.9,98.2,14.9z M89.2,32.6c-2.2,0-4-1.8-4-4s1.8-4,4-4c2.2,0,4,1.8,4,4S91.4,32.6,89.2,32.6z"/>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_data_white.svg b/images/icons/cf_icon_data_white.svg
new file mode 100644
index 00000000..b4ff7f1a
--- /dev/null
+++ b/images/icons/cf_icon_data_white.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#FFFFFF" d="M17.8,93.4c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4c0,4.6,3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2
+ h11.3V93.4H17.8z"/>
+ <path fill="#FFFFFF" d="M17.8,65.6c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4c0,4.6,3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2
+ h11.3V65.6L17.8,65.6L17.8,65.6z"/>
+ <path fill="#FFFFFF" d="M17.8,37.8c-1.5-1.9-3.9-3.2-6.6-3.2c-4.6,0-8.4,3.8-8.4,8.4s3.8,8.4,8.4,8.4c2.7,0,5-1.2,6.6-3.2h11.3
+ V37.8H17.8z"/>
+ <path fill="#FFFFFF" d="M123.9,103.8c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4c0-4.6-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2
+ h-11.3v10.4H123.9z"/>
+ <path fill="#FFFFFF" d="M123.9,76c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4c0-4.6-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2
+ h-11.3V76L123.9,76L123.9,76z"/>
+ <path fill="#FFFFFF" d="M123.9,48.2c1.5,1.9,3.9,3.2,6.6,3.2c4.6,0,8.4-3.8,8.4-8.4s-3.8-8.4-8.4-8.4c-2.7,0-5,1.2-6.6,3.2h-11.3
+ v10.4L123.9,48.2L123.9,48.2z"/>
+ <path fill="#FFFFFF" d="M98.2,14.9H43.5c-2.9,0-5.2,2.3-5.2,5.2v101.4c0,2.9,2.3,5.2,5.2,5.2h54.7c2.9,0,5.2-2.3,5.2-5.2V20.1
+ C103.4,17.3,101.1,14.9,98.2,14.9z M89.2,32.6c-2.2,0-4-1.8-4-4s1.8-4,4-4c2.2,0,4,1.8,4,4S91.4,32.6,89.2,32.6z"/>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_filter.svg b/images/icons/cf_icon_filter.svg
new file mode 100644
index 00000000..3aa4bae2
--- /dev/null
+++ b/images/icons/cf_icon_filter.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path d="M4.7,26l49.6,49.6v49.6l33.1-8.3V75.6L137,26C137,26,4.7,26,4.7,26z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_flasher_grey.svg b/images/icons/cf_icon_flasher_grey.svg
new file mode 100644
index 00000000..60c4a752
--- /dev/null
+++ b/images/icons/cf_icon_flasher_grey.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#818181" d="M84.7,129.5c0,3.6,2.9,6.5,6.5,6.5c3.6,0,6.5-2.9,6.5-6.5v-10.5h-13L84.7,129.5L84.7,129.5z"/>
+ <path fill="#818181" d="M84.7,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5C87.6,8,84.7,10.9,84.7,14.5z"/>
+ <path fill="#818181" d="M63.5,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5S63.5,10.9,63.5,14.5z"/>
+ <path fill="#818181" d="M63.5,129.5c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5v-10.5h-13V129.5z"/>
+ <path fill="#818181" d="M42.3,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5S42.3,10.9,42.3,14.5z"/>
+ <path fill="#818181" d="M42.3,129.5c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5v-10.5h-13V129.5z"/>
+ <path fill="#818181" d="M6,93.2c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,86.7,6,89.6,6,93.2z"/>
+ <path fill="#818181" d="M127.5,86.7h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5C134,89.6,131.1,86.7,127.5,86.7z"/>
+ <path fill="#818181" d="M6,72c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,65.5,6,68.4,6,72z"/>
+ <path fill="#818181" d="M127.5,65.5h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5C134,68.4,131.1,65.5,127.5,65.5z"/>
+ <path fill="#818181" d="M6,50.8c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,44.3,6,47.2,6,50.8z"/>
+ <path fill="#818181" d="M127.5,44.3h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5S131.1,44.3,127.5,44.3z"/>
+ <path fill="#818181" d="M29.3,105.9c0,3.8,3,6.8,6.8,6.8h67.8c3.8,0,6.8-3,6.8-6.8V38.1c0-3.8-3-6.8-6.8-6.8H36.1
+ c-3.8,0-6.8,3-6.8,6.8V105.9z"/>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_flasher_white.svg b/images/icons/cf_icon_flasher_white.svg
new file mode 100644
index 00000000..515c6433
--- /dev/null
+++ b/images/icons/cf_icon_flasher_white.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#FFFFFF" d="M84.7,129.5c0,3.6,2.9,6.5,6.5,6.5c3.6,0,6.5-2.9,6.5-6.5v-10.5h-13L84.7,129.5L84.7,129.5z"/>
+ <path fill="#FFFFFF" d="M84.7,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5C87.6,8,84.7,10.9,84.7,14.5z"/>
+ <path fill="#FFFFFF" d="M63.5,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5S63.5,10.9,63.5,14.5z"/>
+ <path fill="#FFFFFF" d="M63.5,129.5c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5v-10.5h-13V129.5z"/>
+ <path fill="#FFFFFF" d="M42.3,14.5v10.5h13V14.5c0-3.6-2.9-6.5-6.5-6.5S42.3,10.9,42.3,14.5z"/>
+ <path fill="#FFFFFF" d="M42.3,129.5c0,3.6,2.9,6.5,6.5,6.5s6.5-2.9,6.5-6.5v-10.5h-13V129.5z"/>
+ <path fill="#FFFFFF" d="M6,93.2c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,86.7,6,89.6,6,93.2z"/>
+ <path fill="#FFFFFF" d="M127.5,86.7h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5C134,89.6,131.1,86.7,127.5,86.7z"/>
+ <path fill="#FFFFFF" d="M6,72c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,65.5,6,68.4,6,72z"/>
+ <path fill="#FFFFFF" d="M127.5,65.5h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5C134,68.4,131.1,65.5,127.5,65.5z"/>
+ <path fill="#FFFFFF" d="M6,50.8c0,3.6,2.9,6.5,6.5,6.5h10.5v-13H12.5C8.9,44.3,6,47.2,6,50.8z"/>
+ <path fill="#FFFFFF" d="M127.5,44.3h-10.5v13h10.5c3.6,0,6.5-2.9,6.5-6.5S131.1,44.3,127.5,44.3z"/>
+ <path fill="#FFFFFF" d="M29.3,105.9c0,3.8,3,6.8,6.8,6.8h67.8c3.8,0,6.8-3,6.8-6.8V38.1c0-3.8-3-6.8-6.8-6.8H36.1
+ c-3.8,0-6.8,3-6.8,6.8V105.9z"/>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_gps_grey.svg b/images/icons/cf_icon_gps_grey.svg
new file mode 100644
index 00000000..56b17b2e
--- /dev/null
+++ b/images/icons/cf_icon_gps_grey.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#818181" d="M34.1,28.1l23,23l20-20l-23-23c-1.1-1.1-2.9-1.1-4,0l-16,16C33,25.2,33,27,34.1,28.1"/>
+ <path fill="#818181" d="M117.9,107.8l16-16c1.1-1.1,1.1-2.9,0-4l-23-23l-20,20l23,23C115,109,116.8,109,117.9,107.8"/>
+ <path fill="#818181" d="M71.6,70.4c-7.1-7.1-18.6-7.1-25.6,0c0,0,0,0,0,0c-0.5,0.5-0.5,1.4,0,2l0,0l23.7,23.7c0.5,0.5,1.4,0.5,2,0
+ C78.6,89,78.6,77.5,71.6,70.4"/>
+ <path fill="#818181" d="M75,67c6.6,6.6,8.4,16.1,5.5,24.3l37-37c2.2-2.2,2.2-5.9,0-8.1L95.8,24.5c-2.2-2.2-5.9-2.2-8.1,0l-37,37
+ C59,58.6,68.5,60.4,75,67"/>
+ <path fill="#818181" d="M30.4,75.6c-1.7,9.9,1.6,20.1,8.7,27.2c7.1,7.1,17.3,10.4,27.2,8.7c2.8-0.5,4.7-3.2,4.3-6
+ c-0.2-1.1-0.7-2.1-1.4-2.8c-1.1-1.1-2.8-1.7-4.5-1.5c-6.6,1.1-13.4-1.1-18.2-5.8S39.6,84,40.7,77.3c0.5-2.8-1.4-5.5-4.3-6
+ S30.9,72.8,30.4,75.6"/>
+ <path fill="#818181" d="M68.8,125.9c-0.1-1.3-0.6-2.5-1.5-3.4c-1-1-2.4-1.6-4-1.5c-11.4,0.6-22.6-3.7-30.7-11.7S20.3,90,21,78.6
+ c0.2-2.9-2-5.3-4.9-5.5c-2.9-0.2-5.3,2-5.5,4.9c-0.8,14.4,4.6,28.4,14.8,38.6s24.2,15.5,38.6,14.8C66.8,131.3,69,128.8,68.8,125.9"
+ />
+</g>
+</svg>
diff --git a/images/icons/cf_icon_gps_white.svg b/images/icons/cf_icon_gps_white.svg
new file mode 100644
index 00000000..a4d68bd1
--- /dev/null
+++ b/images/icons/cf_icon_gps_white.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#FFFFFF" d="M34.1,28.1l23,23l20-20l-23-23c-1.1-1.1-2.9-1.1-4,0l-16,16C33,25.2,33,27,34.1,28.1"/>
+ <path fill="#FFFFFF" d="M117.9,107.8l16-16c1.1-1.1,1.1-2.9,0-4l-23-23l-20,20l23,23C115,109,116.8,109,117.9,107.8"/>
+ <path fill="#FFFFFF" d="M71.6,70.4c-7.1-7.1-18.6-7.1-25.6,0c0,0,0,0,0,0c-0.5,0.5-0.5,1.4,0,2l0,0l23.7,23.7c0.5,0.5,1.4,0.5,2,0
+ C78.6,89,78.6,77.5,71.6,70.4"/>
+ <path fill="#FFFFFF" d="M75,67c6.6,6.6,8.4,16.1,5.5,24.3l37-37c2.2-2.2,2.2-5.9,0-8.1L95.8,24.5c-2.2-2.2-5.9-2.2-8.1,0l-37,37
+ C59,58.6,68.5,60.4,75,67"/>
+ <path fill="#FFFFFF" d="M30.4,75.6c-1.7,9.9,1.6,20.1,8.7,27.2c7.1,7.1,17.3,10.4,27.2,8.7c2.8-0.5,4.7-3.2,4.3-6
+ c-0.2-1.1-0.7-2.1-1.4-2.8c-1.1-1.1-2.8-1.7-4.5-1.5c-6.6,1.1-13.4-1.1-18.2-5.8S39.6,84,40.7,77.3c0.5-2.8-1.4-5.5-4.3-6
+ S30.9,72.8,30.4,75.6"/>
+ <path fill="#FFFFFF" d="M68.8,125.9c-0.1-1.3-0.6-2.5-1.5-3.4c-1-1-2.4-1.6-4-1.5c-11.4,0.6-22.6-3.7-30.7-11.7S20.3,90,21,78.6
+ c0.2-2.9-2-5.3-4.9-5.5c-2.9-0.2-5.3,2-5.5,4.9c-0.8,14.4,4.6,28.4,14.8,38.6s24.2,15.5,38.6,14.8C66.8,131.3,69,128.8,68.8,125.9"
+ />
+</g>
+</svg>
diff --git a/images/icons/cf_icon_help_grey.svg b/images/icons/cf_icon_help_grey.svg
new file mode 100644
index 00000000..eadcced7
--- /dev/null
+++ b/images/icons/cf_icon_help_grey.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#818181" d="M119.8,21.5H113c0,0.1,0,0.2,0,0.3v26.7h6.8c3.9,0,7-3.1,7-7v-13C126.8,24.7,123.7,21.5,119.8,21.5z"/>
+ <path fill="#818181" d="M126.8,76.6v-13c0-3.9-3.1-7-7-7H113v27h6.8C123.7,83.6,126.8,80.5,126.8,76.6z"/>
+ <path fill="#818181" d="M113,117.8c0,0.3,0,0.6,0,0.9h6.8c3.9,0,7-3.1,7-7v-13c0-3.9-3.1-7-7-7H113V117.8z"/>
+ <path fill="#818181" d="M101.3,15.2c-0.7-0.2-1.5-0.4-2.2-0.4H36.5v0.4v109.6h62.5c3.6,0,6.5-2.7,6.9-6.1c0-0.3,0.1-0.6,0.1-0.9
+ V91.6v-8v-27v-8V21.8c0-0.1,0-0.2,0-0.3C105.9,18.6,104,16.1,101.3,15.2z M68.8,67.8H51.2c-2.6,0-4.7-2.1-4.7-4.7
+ c0-2.6,2.1-4.7,4.7-4.7h17.5c2.6,0,4.7,2.1,4.7,4.7C73.4,65.7,71.4,67.8,68.8,67.8z M86.3,46.6H51.2c-2.6,0-4.7-2.1-4.7-4.7
+ s2.1-4.7,4.7-4.7h35.1c2.6,0,4.7,2.1,4.7,4.7C91,44.5,88.9,46.6,86.3,46.6z"/>
+ <path fill="#818181" d="M19.6,15.2c-2.8,0.9-4.7,3.5-4.7,6.6v96c0,3.9,3.1,7,7,7h6.6V15.2v-0.4h-6.6C21,14.8,20.3,15,19.6,15.2z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_help_white.svg b/images/icons/cf_icon_help_white.svg
new file mode 100644
index 00000000..571df9dd
--- /dev/null
+++ b/images/icons/cf_icon_help_white.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#FFFFFF" d="M119.8,21.5H113c0,0.1,0,0.2,0,0.3v26.7h6.8c3.9,0,7-3.1,7-7v-13C126.8,24.7,123.7,21.5,119.8,21.5z"/>
+ <path fill="#FFFFFF" d="M126.8,76.6v-13c0-3.9-3.1-7-7-7H113v27h6.8C123.7,83.6,126.8,80.5,126.8,76.6z"/>
+ <path fill="#FFFFFF" d="M113,117.8c0,0.3,0,0.6,0,0.9h6.8c3.9,0,7-3.1,7-7v-13c0-3.9-3.1-7-7-7H113V117.8z"/>
+ <path fill="#FFFFFF" d="M101.3,15.2c-0.7-0.2-1.5-0.4-2.2-0.4H36.5v0.4v109.6h62.5c3.6,0,6.5-2.7,6.9-6.1c0-0.3,0.1-0.6,0.1-0.9
+ V91.6v-8v-27v-8V21.8c0-0.1,0-0.2,0-0.3C105.9,18.6,104,16.1,101.3,15.2z M68.8,67.8H51.2c-2.6,0-4.7-2.1-4.7-4.7
+ c0-2.6,2.1-4.7,4.7-4.7h17.5c2.6,0,4.7,2.1,4.7,4.7C73.4,65.7,71.4,67.8,68.8,67.8z M86.3,46.6H51.2c-2.6,0-4.7-2.1-4.7-4.7
+ s2.1-4.7,4.7-4.7h35.1c2.6,0,4.7,2.1,4.7,4.7C91,44.5,88.9,46.6,86.3,46.6z"/>
+ <path fill="#FFFFFF" d="M19.6,15.2c-2.8,0.9-4.7,3.5-4.7,6.6v96c0,3.9,3.1,7,7,7h6.6V15.2v-0.4h-6.6C21,14.8,20.3,15,19.6,15.2z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_led_grey.svg b/images/icons/cf_icon_led_grey.svg
new file mode 100644
index 00000000..7af8e81a
--- /dev/null
+++ b/images/icons/cf_icon_led_grey.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#818181" d="M99.6,50.6h-61V33.4c0-16.8,13.7-30.5,30.5-30.5c16.8,0,30.5,13.7,30.5,30.5L99.6,50.6L99.6,50.6z
+ M32.3,55.3v17.9h76.2V55.3L32.3,55.3L32.3,55.3z M82.4,106.8h2.2V138h4.5v-31.2h2.2V78h-9V106.8z M46.3,106.8h2.2v23.7H53v-23.7
+ h2.2V78h-9V106.8z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_led_white.svg b/images/icons/cf_icon_led_white.svg
new file mode 100644
index 00000000..cb4ffdc8
--- /dev/null
+++ b/images/icons/cf_icon_led_white.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#FFFFFF" d="M99.6,50.6h-61V33.4c0-16.8,13.7-30.5,30.5-30.5c16.8,0,30.5,13.7,30.5,30.5L99.6,50.6L99.6,50.6z
+ M32.3,55.3v17.9h76.2V55.3L32.3,55.3L32.3,55.3z M82.4,106.8h2.2V138h4.5v-31.2h2.2V78h-9V106.8z M46.3,106.8h2.2v23.7H53v-23.7
+ h2.2V78h-9V106.8z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_log_grey.svg b/images/icons/cf_icon_log_grey.svg
new file mode 100644
index 00000000..561d5b5b
--- /dev/null
+++ b/images/icons/cf_icon_log_grey.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#818181" d="M123.5,25.8h-6c-2.9,0-6.4,2.2-7.8,4.7L101.4,45c-1.7,3-4.9,4.4-8.3,4.4H46.2c-3.5,0-6.6-1.3-8.3-4.3
+ l-8.3-14.9c-1.4-2.5-4.9-4.4-7.8-4.4h-6c-7,0-12.2,5.9-12.2,12.9v63.4c0,7,5.2,12.9,12.2,12.9h107.8c7,0,13.9-5.9,13.9-12.9V38.8
+ C137.4,31.8,130.5,25.8,123.5,25.8z M38,85.5c-5.2,0-9.5-4.3-9.5-9.5c0-5.2,4.3-9.5,9.5-9.5s9.5,4.3,9.5,9.5S43.3,85.5,38,85.5z
+ M84.4,80.1c0,2.6-2.1,4.6-4.6,4.6H58.8c-2.5,0-4.6-2.1-4.6-4.6v-8.8c0-2.6,2.1-4.6,4.6-4.6h20.9c2.6,0,4.6,2.1,4.6,4.6V80.1z
+ M100.6,85.5c-5.2,0-9.5-4.3-9.5-9.5c0-5.2,4.3-9.5,9.5-9.5c5.2,0,9.5,4.3,9.5,9.5S105.9,85.5,100.6,85.5z"/>
+ <path fill="#818181" d="M43.6,36.7c1.4,2.5,4.9,4.9,7.8,4.9h36.4c2.9,0,6.4-2.3,7.8-4.8l3.2-6.1c1.4-2.5,0.2-4.8-2.7-4.8h-53
+ c-2.9,0-4.1,2.2-2.7,4.7L43.6,36.7z"/>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_log_white.svg b/images/icons/cf_icon_log_white.svg
new file mode 100644
index 00000000..e040676e
--- /dev/null
+++ b/images/icons/cf_icon_log_white.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#FFFFFF" d="M123.5,25.8h-6c-2.9,0-6.4,2.2-7.8,4.7L101.4,45c-1.7,3-4.9,4.4-8.3,4.4H46.2c-3.5,0-6.6-1.3-8.3-4.3
+ l-8.3-14.9c-1.4-2.5-4.9-4.4-7.8-4.4h-6c-7,0-12.2,5.9-12.2,12.9v63.4c0,7,5.2,12.9,12.2,12.9h107.8c7,0,13.9-5.9,13.9-12.9V38.8
+ C137.4,31.8,130.5,25.8,123.5,25.8z M38,85.5c-5.2,0-9.5-4.3-9.5-9.5c0-5.2,4.3-9.5,9.5-9.5s9.5,4.3,9.5,9.5S43.3,85.5,38,85.5z
+ M84.4,80.1c0,2.6-2.1,4.6-4.6,4.6H58.8c-2.5,0-4.6-2.1-4.6-4.6v-8.8c0-2.6,2.1-4.6,4.6-4.6h20.9c2.6,0,4.6,2.1,4.6,4.6V80.1z
+ M100.6,85.5c-5.2,0-9.5-4.3-9.5-9.5c0-5.2,4.3-9.5,9.5-9.5c5.2,0,9.5,4.3,9.5,9.5S105.9,85.5,100.6,85.5z"/>
+ <path fill="#FFFFFF" d="M43.6,36.7c1.4,2.5,4.9,4.9,7.8,4.9h36.4c2.9,0,6.4-2.3,7.8-4.8l3.2-6.1c1.4-2.5,0.2-4.8-2.7-4.8h-53
+ c-2.9,0-4.1,2.2-2.7,4.7L43.6,36.7z"/>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_mission_grey.svg b/images/icons/cf_icon_mission_grey.svg
new file mode 100644
index 00000000..e09debff
--- /dev/null
+++ b/images/icons/cf_icon_mission_grey.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <g>
+ <path fill="#818181" d="M70.9,2.8c-26.4,0-47.7,21.4-47.7,47.7c0,2,0.2,4,0.4,5.9c4.1,37.3,44.2,80.3,44.2,80.3
+ c0.7,0.8,1.4,1.3,2.1,1.7l0,0l1.3,0.4l1.3-0.4l0,0c0.7-0.4,1.4-0.9,2.1-1.7c0,0,39.6-43.1,43.6-80.3c0.2-1.9,0.4-3.9,0.4-5.9
+ C118.6,24.2,97.2,2.8,70.9,2.8z M70.9,81.3c-16.9,0-30.7-13.8-30.7-30.7s13.8-30.7,30.7-30.7s30.7,13.8,30.7,30.7
+ S87.8,81.3,70.9,81.3z"/>
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_mission_white.svg b/images/icons/cf_icon_mission_white.svg
new file mode 100644
index 00000000..f3636b6a
--- /dev/null
+++ b/images/icons/cf_icon_mission_white.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <g>
+ <path fill="#FFFFFF" d="M70.9,2.8c-26.4,0-47.7,21.4-47.7,47.7c0,2,0.2,4,0.4,5.9c4.1,37.3,44.2,80.3,44.2,80.3
+ c0.7,0.8,1.4,1.3,2.1,1.7l0,0l1.3,0.4l1.3-0.4l0,0c0.7-0.4,1.4-0.9,2.1-1.7c0,0,39.6-43.1,43.6-80.3c0.2-1.9,0.4-3.9,0.4-5.9
+ C118.6,24.2,97.2,2.8,70.9,2.8z M70.9,81.3c-16.9,0-30.7-13.8-30.7-30.7s13.8-30.7,30.7-30.7s30.7,13.8,30.7,30.7
+ S87.8,81.3,70.9,81.3z"/>
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_modes_grey.svg b/images/icons/cf_icon_modes_grey.svg
new file mode 100644
index 00000000..7ca364f1
--- /dev/null
+++ b/images/icons/cf_icon_modes_grey.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <g>
+ <path fill="#818181" d="M44.2,62.8h53.2c15.1,0,27.4-12.3,27.4-27.4S112.5,8,97.4,8H44.2C29,8,16.8,20.3,16.8,35.4
+ S29,62.8,44.2,62.8z M44.2,17.9c9.7,0,17.5,7.8,17.5,17.5s-7.8,17.5-17.5,17.5s-17.5-7.8-17.5-17.5S34.5,17.9,44.2,17.9z"/>
+ <path fill="#818181" d="M97.6,79H44.4C29.3,79,17,91.2,17,106.4s12.3,27.4,27.4,27.4h53.2c15.1,0,27.4-12.3,27.4-27.4
+ S112.8,79,97.6,79z M97.6,123.9c-9.7,0-17.5-7.8-17.5-17.5S88,88.9,97.6,88.9c9.7,0,17.5,7.8,17.5,17.5S107.3,123.9,97.6,123.9z"
+ />
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_modes_white.svg b/images/icons/cf_icon_modes_white.svg
new file mode 100644
index 00000000..bfe73e3d
--- /dev/null
+++ b/images/icons/cf_icon_modes_white.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <g>
+ <path fill="#FFFFFF" d="M44.2,62.8h53.2c15.1,0,27.4-12.3,27.4-27.4S112.5,8,97.4,8H44.2C29,8,16.8,20.3,16.8,35.4
+ S29,62.8,44.2,62.8z M44.2,17.9c9.7,0,17.5,7.8,17.5,17.5s-7.8,17.5-17.5,17.5s-17.5-7.8-17.5-17.5S34.5,17.9,44.2,17.9z"/>
+ <path fill="#FFFFFF" d="M97.6,79H44.4C29.3,79,17,91.2,17,106.4s12.3,27.4,27.4,27.4h53.2c15.1,0,27.4-12.3,27.4-27.4
+ S112.8,79,97.6,79z M97.6,123.9c-9.7,0-17.5-7.8-17.5-17.5S88,88.9,97.6,88.9c9.7,0,17.5,7.8,17.5,17.5S107.3,123.9,97.6,123.9z"
+ />
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_motor_grey.svg b/images/icons/cf_icon_motor_grey.svg
new file mode 100644
index 00000000..7a48357b
--- /dev/null
+++ b/images/icons/cf_icon_motor_grey.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<path fill="#818181" d="M106.9,71v-2.2l-11.6-8H80.1v-6.5l-2-3.3V26.2h-7.4h-0.4h-7.4V51l-2,3.3v6.5H45.7l-11.6,8V71h-4v56.5
+ l2.9,0.9c0,0,0.4,5.1,5.1,5.1c3.3,0,19.4,0,29,0v1.5c0,1.3,1,2.3,2.3,2.3h2c1.3,0,2.3-1,2.3-2.3v-1.5c0.1,0,0.3,0,0.4,0
+ c7.6,0,24.9,0,28.6,0c4.7,0,5.1-5.1,5.1-5.1l2.9-0.9V71H106.9z"/>
+<path fill="#818181" d="M70.1,48.5l18.3,0v-4.7h-3.1C85.2,23.7,76.3,5,70.9,5l-0.9,0c-5.4,0-14.3,18.7-14.3,38.8h-3.1v4.7l18.3,0"/>
+</svg>
diff --git a/images/icons/cf_icon_motor_white.svg b/images/icons/cf_icon_motor_white.svg
new file mode 100644
index 00000000..c0bc8e30
--- /dev/null
+++ b/images/icons/cf_icon_motor_white.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<path fill="#FFFFFF" d="M106.9,71v-2.2l-11.6-8H80.1v-6.5l-2-3.3V26.2h-7.4h-0.4h-7.4V51l-2,3.3v6.5H45.7l-11.6,8V71h-4v56.5
+ l2.9,0.9c0,0,0.4,5.1,5.1,5.1c3.3,0,19.4,0,29,0v1.5c0,1.3,1,2.3,2.3,2.3h2c1.3,0,2.3-1,2.3-2.3v-1.5c0.1,0,0.3,0,0.4,0
+ c7.6,0,24.9,0,28.6,0c4.7,0,5.1-5.1,5.1-5.1l2.9-0.9V71H106.9z"/>
+<path fill="#FFFFFF" d="M70.1,48.5l18.3,0v-4.7h-3.1C85.2,23.7,76.3,5,70.9,5l-0.9,0c-5.4,0-14.3,18.7-14.3,38.8h-3.1v4.7l18.3,0"/>
+</svg>
diff --git a/images/icons/cf_icon_pid_grey.svg b/images/icons/cf_icon_pid_grey.svg
new file mode 100644
index 00000000..6c7657bd
--- /dev/null
+++ b/images/icons/cf_icon_pid_grey.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g id="_x34_29._Network">
+ <g>
+ <path fill="#818181" d="M122.4,98.3V77.6c0-7.2-5.9-13.1-13.1-13.1H76.6V43.7c7.6-2.7,13.1-10,13.1-18.5
+ c0-10.8-8.8-19.6-19.6-19.6c-10.8,0-19.6,8.8-19.6,19.6c0,8.6,5.5,15.8,13.1,18.5v20.8H30.7c-7.2,0-13.1,5.9-13.1,13.1v20.8
+ C10,101,4.5,108.3,4.5,116.8c0,10.8,8.8,19.6,19.6,19.6s19.6-8.8,19.6-19.6c0-8.5-5.5-15.8-13.1-18.5V77.6h32.7v20.8
+ c-7.6,2.7-13.1,9.9-13.1,18.5c0,10.8,8.8,19.6,19.6,19.6c10.8,0,19.6-8.8,19.6-19.6c0-8.5-5.5-15.8-13.1-18.5V77.6h32.7v20.8
+ c-7.6,2.7-13.1,9.9-13.1,18.5c0,10.8,8.8,19.6,19.6,19.6c10.8,0,19.6-8.8,19.6-19.6C135.5,108.3,130,101,122.4,98.3z M24.2,123.4
+ c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C30.7,120.5,27.8,123.4,24.2,123.4z M70,123.4
+ c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C76.6,120.5,73.6,123.4,70,123.4z M70,31.7
+ c-3.6,0-6.5-2.9-6.5-6.6c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C76.6,28.8,73.6,31.7,70,31.7z M115.8,123.4
+ c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C122.4,120.5,119.5,123.4,115.8,123.4z"/>
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_pid_white.svg b/images/icons/cf_icon_pid_white.svg
new file mode 100644
index 00000000..81a7982d
--- /dev/null
+++ b/images/icons/cf_icon_pid_white.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g id="_x34_29._Network">
+ <g>
+ <path fill="#FFFFFF" d="M122.4,98.3V77.6c0-7.2-5.9-13.1-13.1-13.1H76.6V43.7c7.6-2.7,13.1-10,13.1-18.5
+ c0-10.8-8.8-19.6-19.6-19.6c-10.8,0-19.6,8.8-19.6,19.6c0,8.6,5.5,15.8,13.1,18.5v20.8H30.7c-7.2,0-13.1,5.9-13.1,13.1v20.8
+ C10,101,4.5,108.3,4.5,116.8c0,10.8,8.8,19.6,19.6,19.6s19.6-8.8,19.6-19.6c0-8.5-5.5-15.8-13.1-18.5V77.6h32.7v20.8
+ c-7.6,2.7-13.1,9.9-13.1,18.5c0,10.8,8.8,19.6,19.6,19.6c10.8,0,19.6-8.8,19.6-19.6c0-8.5-5.5-15.8-13.1-18.5V77.6h32.7v20.8
+ c-7.6,2.7-13.1,9.9-13.1,18.5c0,10.8,8.8,19.6,19.6,19.6c10.8,0,19.6-8.8,19.6-19.6C135.5,108.3,130,101,122.4,98.3z M24.2,123.4
+ c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C30.7,120.5,27.8,123.4,24.2,123.4z M70,123.4
+ c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C76.6,120.5,73.6,123.4,70,123.4z M70,31.7
+ c-3.6,0-6.5-2.9-6.5-6.6c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C76.6,28.8,73.6,31.7,70,31.7z M115.8,123.4
+ c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5c3.6,0,6.5,2.9,6.5,6.5C122.4,120.5,119.5,123.4,115.8,123.4z"/>
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_ports_grey.svg b/images/icons/cf_icon_ports_grey.svg
new file mode 100644
index 00000000..7ff3de23
--- /dev/null
+++ b/images/icons/cf_icon_ports_grey.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#818181" d="M37.7,25c-0.6-0.6-1.5-1-2.4-1c-0.9,0-1.8,0.4-2.4,1.1C13,47.1,23.8,94.5,25,99.2l-20,20
+ c-0.6,0.6-1,1.5-1,2.3c0,0.9,0.3,1.7,1,2.3l12,12c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1l20-20c9.7,2.5,21.9,4,32.6,4
+ c12.9,0,30.5-2.1,41.4-11.9c0.7-0.6,1.1-1.5,1.1-2.4c0-0.9-0.3-1.8-1-2.4L37.7,25z"/>
+ <path fill="#818181" d="M66.5,44.8c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1L96,20c1.8-1.8,2.7-4.1,2.7-6.6c0-2.5-1-4.8-2.7-6.6
+ c-1.8-1.8-4.1-2.7-6.6-2.7c-2.5,0-4.8,1-6.6,2.7L58.1,31.7c-1.3,1.3-1.3,3.4,0,4.7L66.5,44.8z"/>
+ <path fill="#818181" d="M134.3,45.2c-1.8-1.8-4.1-2.7-6.6-2.7c-2.5,0-4.8,1-6.6,2.7L96.4,69.9c-0.6,0.6-1,1.5-1,2.3s0.3,1.7,1,2.3
+ l8.4,8.4c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1l24.7-24.7C137.9,54.7,137.9,48.8,134.3,45.2z"/>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_ports_white.svg b/images/icons/cf_icon_ports_white.svg
new file mode 100644
index 00000000..ebba8f18
--- /dev/null
+++ b/images/icons/cf_icon_ports_white.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#FFFFFF" d="M37.7,25c-0.6-0.6-1.5-1-2.4-1c-0.9,0-1.8,0.4-2.4,1.1C13,47.1,23.8,94.5,25,99.2l-20,20
+ c-0.6,0.6-1,1.5-1,2.3c0,0.9,0.3,1.7,1,2.3l12,12c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1l20-20c9.7,2.5,21.9,4,32.6,4
+ c12.9,0,30.5-2.1,41.4-11.9c0.7-0.6,1.1-1.5,1.1-2.4c0-0.9-0.3-1.8-1-2.4L37.7,25z"/>
+ <path fill="#FFFFFF" d="M66.5,44.8c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1L96,20c1.8-1.8,2.7-4.1,2.7-6.6c0-2.5-1-4.8-2.7-6.6
+ c-1.8-1.8-4.1-2.7-6.6-2.7c-2.5,0-4.8,1-6.6,2.7L58.1,31.7c-1.3,1.3-1.3,3.4,0,4.7L66.5,44.8z"/>
+ <path fill="#FFFFFF" d="M134.3,45.2c-1.8-1.8-4.1-2.7-6.6-2.7c-2.5,0-4.8,1-6.6,2.7L96.4,69.9c-0.6,0.6-1,1.5-1,2.3s0.3,1.7,1,2.3
+ l8.4,8.4c0.6,0.6,1.5,1,2.3,1c0.8,0,1.7-0.3,2.3-1l24.7-24.7C137.9,54.7,137.9,48.8,134.3,45.2z"/>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_quad.svg b/images/icons/cf_icon_quad.svg
new file mode 100644
index 00000000..f863cd65
--- /dev/null
+++ b/images/icons/cf_icon_quad.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path d="M29.1,56.4c3.1,0,6-0.6,8.7-1.5l-2.6-5.8c-1.9,0.6-4,1-6.1,1c-10.8,0-19.6-8.8-19.6-19.6s8.8-19.6,19.6-19.6
+ s19.6,8.8,19.6,19.6c0,1.6-0.2,3.2-0.6,4.8l5.7,3c0.8-2.5,1.2-5.1,1.2-7.8c0-14.3-11.6-25.9-25.9-25.9S3.2,16.2,3.2,30.5
+ S14.8,56.4,29.1,56.4z"/>
+ <path d="M48.1,107.1c0.4,1.5,0.6,3.1,0.6,4.8c0,10.8-8.8,19.6-19.6,19.6s-19.6-8.8-19.6-19.6s8.8-19.6,19.6-19.6
+ c2.1,0,4.2,0.4,6.1,1l2.6-5.8c-2.7-1-5.7-1.5-8.7-1.5c-14.3,0-25.9,11.6-25.9,25.9s11.6,25.9,25.9,25.9s25.9-11.6,25.9-25.9
+ c0-2.7-0.4-5.3-1.2-7.8L48.1,107.1z"/>
+ <path d="M92.2,35.2c-0.4-1.5-0.6-3.1-0.6-4.8c0-10.8,8.8-19.6,19.6-19.6s19.6,8.8,19.6,19.6s-8.8,19.6-19.6,19.6
+ c-2.1,0-4.2-0.4-6.1-1l-2.6,5.8c2.7,1,5.7,1.5,8.7,1.5c14.3,0,25.9-11.6,25.9-25.9S125.5,4.5,111.2,4.5S85.2,16.2,85.2,30.5
+ c0,2.7,0.4,5.3,1.2,7.8L92.2,35.2z"/>
+ <path d="M111.2,85.9c-3.1,0-6,0.6-8.7,1.5l2.6,5.8c1.9-0.6,4-1,6.1-1c10.8,0,19.6,8.8,19.6,19.6s-8.8,19.6-19.6,19.6
+ s-19.6-8.8-19.6-19.6c0-1.6,0.2-3.2,0.6-4.8l-5.7-3c-0.8,2.5-1.2,5.1-1.2,7.8c0,14.3,11.6,25.9,25.9,25.9s25.9-11.6,25.9-25.9
+ S125.5,85.9,111.2,85.9z"/>
+ <path d="M111.2,103.1c-1.6,0-3.2,0.5-4.5,1.2C97.2,93.5,89.2,80,89.2,71.5c0-0.1,0-0.2,0-0.4c0-0.1,0-0.2,0-0.4
+ c0-8.4,8-22,17.5-32.8c1.3,0.8,2.8,1.2,4.5,1.2c4.8,0,8.8-3.9,8.8-8.8s-3.9-8.8-8.8-8.8c-4.8,0-8.8,3.9-8.8,8.8
+ c0,1.4,0.3,2.7,0.9,3.9C91.2,44.5,79.4,49.1,70.4,49.1h-0.4c-9.1,0-20.8-4.6-32.9-14.8c0.6-1.2,0.9-2.5,0.9-3.9
+ c0-4.8-3.9-8.8-8.8-8.8s-8.8,3.9-8.8,8.8s3.9,8.8,8.8,8.8c1.6,0,3.2-0.5,4.5-1.2c9.5,10.8,17.5,24.4,17.5,32.8c0,0.1,0,0.2,0,0.4
+ c0,0.1,0,0.2,0,0.4c0,8.4-8,22-17.5,32.8c-1.3-0.8-2.8-1.2-4.5-1.2c-4.8,0-8.8,3.9-8.8,8.8s3.9,8.8,8.8,8.8s8.8-3.9,8.8-8.8
+ c0-1.4-0.3-2.7-0.9-3.9c12.1-10.1,23.9-14.8,32.9-14.8h0.4c9.1,0,20.8,4.6,32.9,14.8c-0.6,1.2-0.9,2.5-0.9,3.9
+ c0,4.8,3.9,8.8,8.8,8.8c4.8,0,8.8-3.9,8.8-8.8S116,103.1,111.2,103.1z M70.3,81l-11.9,3.8l10.7-28.1L82.7,86L70.3,81z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_rx_grey.svg b/images/icons/cf_icon_rx_grey.svg
new file mode 100644
index 00000000..e8224e68
--- /dev/null
+++ b/images/icons/cf_icon_rx_grey.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#818181" d="M111.4,49.1H98.6c-2.7-4-7.3-6.6-12.4-6.6H75.3V6c0-2.4-2-4.4-4.4-4.4s-4.4,2-4.4,4.4v36.5H56.5
+ c-5.1,0-9.7,2.6-12.4,6.6H30.5c-8.2,0-15,6.7-15,15v61.1c0,8.2,6.7,15,15,15h80.9c8.2,0,15-6.7,15-15V64.1
+ C126.4,55.8,119.6,49.1,111.4,49.1z M45.9,106.5c-9.6,0-17.4-7.8-17.4-17.4c0-9.6,7.8-17.4,17.4-17.4c9.6,0,17.4,7.8,17.4,17.4
+ C63.3,98.7,55.5,106.5,45.9,106.5z M95.3,106.5c-9.6,0-17.4-7.8-17.4-17.4c0-9.6,7.8-17.4,17.4-17.4s17.4,7.8,17.4,17.4
+ C112.7,98.7,104.9,106.5,95.3,106.5z"/>
+ <circle fill="#818181" cx="95.5" cy="89.1" r="5.1"/>
+ <circle fill="#818181" cx="46.4" cy="89.1" r="5.1"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_rx_white.svg b/images/icons/cf_icon_rx_white.svg
new file mode 100644
index 00000000..ca0a5de6
--- /dev/null
+++ b/images/icons/cf_icon_rx_white.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#FFFFFF" d="M111.4,49.1H98.6c-2.7-4-7.3-6.6-12.4-6.6H75.3V6c0-2.4-2-4.4-4.4-4.4s-4.4,2-4.4,4.4v36.5H56.5
+ c-5.1,0-9.7,2.6-12.4,6.6H30.5c-8.2,0-15,6.7-15,15v61.1c0,8.2,6.7,15,15,15h80.9c8.2,0,15-6.7,15-15V64.1
+ C126.4,55.8,119.6,49.1,111.4,49.1z M45.9,106.5c-9.6,0-17.4-7.8-17.4-17.4c0-9.6,7.8-17.4,17.4-17.4c9.6,0,17.4,7.8,17.4,17.4
+ C63.3,98.7,55.5,106.5,45.9,106.5z M95.3,106.5c-9.6,0-17.4-7.8-17.4-17.4c0-9.6,7.8-17.4,17.4-17.4s17.4,7.8,17.4,17.4
+ C112.7,98.7,104.9,106.5,95.3,106.5z"/>
+ <circle fill="#FFFFFF" cx="95.5" cy="89.1" r="5.1"/>
+ <circle fill="#FFFFFF" cx="46.4" cy="89.1" r="5.1"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_sensors_grey.svg b/images/icons/cf_icon_sensors_grey.svg
new file mode 100644
index 00000000..f725ff23
--- /dev/null
+++ b/images/icons/cf_icon_sensors_grey.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#818181" d="M52.7,113.6c-2.4,0-4.4-1.1-4.9-3.4l-6.7-32l-4.4,7.6c-0.9,1.5-2.6,2.6-4.3,2.6H8c-2.8,0-5-2.3-5-5
+ c0-2.8,2.3-5,5-5h21.4L39,62.3c1.1-1.8,3.1-2.8,5.2-2.4c2,0.3,3.7,1.9,4.1,3.9l4,19.5l9.2-51.1c0.4-2.4,2.5-4.1,5-4.1c0,0,0,0,0,0
+ c2.4,0,4.5,1.7,4.9,4.1l9.8,57.4l3.2-8c0.8-1.9,2.6-3.2,4.7-3.2h44.6c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5H92.5L84,110
+ c-0.8,2.1-2.9,3.4-5.2,3.2c-2.2-0.2-4-1.9-4.4-4.2l-8-46.9l-8.7,48C57.2,112.4,55.1,113.6,52.7,113.6
+ C52.7,113.6,52.7,113.6,52.7,113.6z"/>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_sensors_white.svg b/images/icons/cf_icon_sensors_white.svg
new file mode 100644
index 00000000..ffd09868
--- /dev/null
+++ b/images/icons/cf_icon_sensors_white.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#FFFFFF" d="M52.7,113.6c-2.4,0-4.4-1.1-4.9-3.4l-6.7-32l-4.4,7.6c-0.9,1.5-2.6,2.6-4.3,2.6H8c-2.8,0-5-2.3-5-5
+ c0-2.8,2.3-5,5-5h21.4L39,62.3c1.1-1.8,3.1-2.8,5.2-2.4c2,0.3,3.7,1.9,4.1,3.9l4,19.5l9.2-51.1c0.4-2.4,2.5-4.1,5-4.1c0,0,0,0,0,0
+ c2.4,0,4.5,1.7,4.9,4.1l9.8,57.4l3.2-8c0.8-1.9,2.6-3.2,4.7-3.2h44.6c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5H92.5L84,110
+ c-0.8,2.1-2.9,3.4-5.2,3.2c-2.2-0.2-4-1.9-4.4-4.2l-8-46.9l-8.7,48C57.2,112.4,55.1,113.6,52.7,113.6
+ C52.7,113.6,52.7,113.6,52.7,113.6z"/>
+ </g>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_servo_grey.svg b/images/icons/cf_icon_servo_grey.svg
new file mode 100644
index 00000000..dbc3d6a2
--- /dev/null
+++ b/images/icons/cf_icon_servo_grey.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#818181" d="M137.6,57h-16l-13-12.3h-78l-9.3,14h-18v16h21.2v33.7c0,8.8,7.2,15.9,15.9,15.9h60.4
+ c8.8,0,15.9-7.2,15.9-15.9V74.7h20.9V57z"/>
+ <polygon fill="#818181" points="78.9,30.3 66.6,30.3 66.6,17.5 45.9,17.5 45.9,30.3 33.6,30.3 33.6,39.3 78.9,39.3 "/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_servo_white.svg b/images/icons/cf_icon_servo_white.svg
new file mode 100644
index 00000000..870f879a
--- /dev/null
+++ b/images/icons/cf_icon_servo_white.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#FFFFFF" d="M137.6,57h-16l-13-12.3h-78l-9.3,14h-18v16h21.2v33.7c0,8.8,7.2,15.9,15.9,15.9h60.4
+ c8.8,0,15.9-7.2,15.9-15.9V74.7h20.9V57z"/>
+ <polygon fill="#FFFFFF" points="78.9,30.3 66.6,30.3 66.6,17.5 45.9,17.5 45.9,30.3 33.6,30.3 33.6,39.3 78.9,39.3 "/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_settings_white.svg b/images/icons/cf_icon_settings_white.svg
new file mode 100644
index 00000000..4d067de0
--- /dev/null
+++ b/images/icons/cf_icon_settings_white.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#FFFFFF" d="M89,59.3l-2.6-6.2c0,0,6.1-13.7,5.5-14.2l-8-7.8c-0.6-0.5-14.2,5.7-14.2,5.7l-6.3-2.5
+ c0,0-5.6-13.9-6.3-13.9H45.7c-0.8,0-5.9,13.9-5.9,13.9l-6.3,2.6c0,0-14-5.9-14.5-5.4l-8,7.9c-0.6,0.5,5.8,13.9,5.8,13.9l-2.6,6.2
+ c0,0-14.2,5.4-14.2,6.2v11.1c0,0.8,14.2,5.8,14.2,5.8l2.6,6.2c0,0-6.1,13.7-5.5,14.2l8,7.8c0.5,0.5,14.2-5.7,14.2-5.7l6.3,2.6
+ c0,0,5.6,13.8,6.3,13.8h11.3c0.8,0,5.9-13.9,5.9-13.9l6.3-2.6c0,0,14,5.9,14.5,5.4l8-7.9c0.5-0.5-5.8-13.9-5.8-13.9l2.6-6.2
+ c0,0,14.2-5.5,14.2-6.2V65.1C103.2,64.3,89,59.3,89,59.3z M51.6,87.1c-9.1,0-16.5-7.3-16.5-16.2c0-8.9,7.4-16.2,16.5-16.2
+ c9.1,0,16.5,7.3,16.5,16.2C68.2,79.8,60.7,87.1,51.6,87.1z"/>
+ <path fill="#FFFFFF" d="M136.4,46.3l0.1-3.2c0,0,5.3-4.8,5.2-5.1l-2-5c-0.1-0.3-7.4-0.3-7.4-0.3l-2.3-2.4c0,0,0.3-7.2-0.1-7.3
+ l-5-2.2c-0.4-0.2-5.3,4.9-5.3,4.9l-3.3-0.1c0,0-5-5.4-5.3-5.2l-5.1,1.9c-0.3,0.1-0.2,7.3-0.2,7.3l-2.4,2.2c0,0-7.3-0.4-7.4-0.1
+ l-2.2,4.9c-0.2,0.3,5.1,5.4,5.1,5.4l-0.1,3.2c0,0-5.3,4.8-5.2,5.2l2,5c0.1,0.3,7.4,0.3,7.4,0.3l2.3,2.4c0,0-0.3,7.2,0.1,7.3l5,2.2
+ c0.3,0.2,5.3-4.9,5.3-4.9l3.3,0.1c0,0,5,5.4,5.3,5.2l5.1-1.9c0.3-0.1,0.2-7.3,0.2-7.3l2.4-2.2c0,0,7.3,0.4,7.4,0l2.2-4.9
+ C141.7,51.4,136.4,46.3,136.4,46.3z M125,47.3c-1.8,3.9-6.4,5.7-10.5,3.9c-4-1.8-5.8-6.4-4.1-10.4c1.7-3.9,6.4-5.6,10.4-3.9
+ C124.9,38.8,126.8,43.4,125,47.3z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_setup_grey.svg b/images/icons/cf_icon_setup_grey.svg
new file mode 100644
index 00000000..4bf32540
--- /dev/null
+++ b/images/icons/cf_icon_setup_grey.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#818181" d="M137.9,36.3c-0.1-1.2-0.9-2.2-2-2.6c-1.1-0.4-2.4-0.1-3.2,0.7l-17.4,17.4l-19.3-6.1l-6.1-19.3l17.4-17.4
+ c0.9-0.9,1.1-2.1,0.7-3.2c-0.4-1.1-1.4-1.9-2.6-2C94.7,2.7,84.3,6.5,76.8,14c-10.3,10.3-13,25.3-8.2,38c-0.5,0.4-1,0.9-1.6,1.4
+ L9,108.3c0,0,0,0-0.1,0.1c-6.8,6.8-6.8,18,0,24.8c6.8,6.8,17.9,6.8,24.7-0.1c0,0,0.1-0.1,0.1-0.1l54.4-58.6c0.5-0.5,1-1,1.4-1.6
+ c12.8,4.8,27.8,2.1,38-8.2C135,57.2,138.8,46.9,137.9,36.3z M24.9,125.8c-2.5,2.5-6.6,2.5-9.1,0c-2.5-2.5-2.5-6.6,0-9.1
+ c2.5-2.5,6.6-2.5,9.1,0C27.4,119.2,27.4,123.3,24.9,125.8z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_setup_white.svg b/images/icons/cf_icon_setup_white.svg
new file mode 100644
index 00000000..d79669da
--- /dev/null
+++ b/images/icons/cf_icon_setup_white.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#FFFFFF" d="M137.9,36.3c-0.1-1.2-0.9-2.2-2-2.6c-1.1-0.4-2.4-0.1-3.2,0.7l-17.4,17.4l-19.3-6.1l-6.1-19.3l17.4-17.4
+ c0.9-0.9,1.1-2.1,0.7-3.2c-0.4-1.1-1.4-1.9-2.6-2C94.7,2.7,84.3,6.5,76.8,14c-10.3,10.3-13,25.3-8.2,38c-0.5,0.4-1,0.9-1.6,1.4
+ L9,108.3c0,0,0,0-0.1,0.1c-6.8,6.8-6.8,18,0,24.8c6.8,6.8,17.9,6.8,24.7-0.1c0,0,0.1-0.1,0.1-0.1l54.4-58.6c0.5-0.5,1-1,1.4-1.6
+ c12.8,4.8,27.8,2.1,38-8.2C135,57.2,138.8,46.9,137.9,36.3z M24.9,125.8c-2.5,2.5-6.6,2.5-9.1,0c-2.5-2.5-2.5-6.6,0-9.1
+ c2.5-2.5,6.6-2.5,9.1,0C27.4,119.2,27.4,123.3,24.9,125.8z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_welcome_grey.svg b/images/icons/cf_icon_welcome_grey.svg
new file mode 100644
index 00000000..af3cc352
--- /dev/null
+++ b/images/icons/cf_icon_welcome_grey.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.0" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<path fill="#818181" d="M106.2,45.3L93.8,45H39.7c-8.3,0-15.2,3.6-20.8,10.2L7.3,74.9C3.1,81.5,0.9,86,0.9,88.7
+ c0.3,1.4,0.3,2.2,0.6,2.5c0.8,2.8,3.6,4.2,8,4.2h6.4l1.7,0.3l1.9-0.3h27.4c0.3,0,2.8-4.2,7.2-12.5h-0.3l-0.3-0.3H25l-1.9,0.3
+ l-0.6-0.3c-1.7,0-2.8-0.8-3-2.8c0-1.7,1.7-4.7,4.7-9.7C28.6,61.9,33,57.7,38,57.7h37.8L54.2,95.4v0.3h14.1c5-8.3,8.9-14.9,11.3-19.9
+ H89l16.9-9.7v-0.3H85.7c3-5.3,4.4-7.7,4.7-7.7h29.3l20.8-12.5v-0.3H106.2z"/>
+</svg>
diff --git a/images/icons/cf_icon_welcome_white.svg b/images/icons/cf_icon_welcome_white.svg
new file mode 100644
index 00000000..9d62af88
--- /dev/null
+++ b/images/icons/cf_icon_welcome_white.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.0" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<path fill="#FFFFFF" d="M104,46.7l-11.8-0.3H40.9c-7.9,0-14.4,3.4-19.7,9.7l-11,18.6c-3.9,6.3-6,10.5-6,13.1
+ c0.3,1.3,0.3,2.1,0.5,2.4c0.8,2.6,3.4,3.9,7.6,3.9h6l1.6,0.3l1.8-0.3h26c0.3,0,2.6-3.9,6.8-11.8h-0.3L54,82.1H27l-1.8,0.3l-0.5-0.3
+ c-1.6,0-2.6-0.8-2.9-2.6c0-1.6,1.6-4.5,4.5-9.2c4.2-7.9,8.4-11.8,13.1-11.8h35.8L54.6,94.2v0.3H68c4.7-7.9,8.4-14.2,10.8-18.9h8.9
+ l16-9.2v-0.3H84.6c2.9-5,4.2-7.3,4.5-7.3h27.8L136.5,47v-0.3H104z"/>
+</svg>
diff --git a/images/icons/cf_icon_wizard_grey.svg b/images/icons/cf_icon_wizard_grey.svg
new file mode 100644
index 00000000..4fb241ef
--- /dev/null
+++ b/images/icons/cf_icon_wizard_grey.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#818181" d="M35.8,27.4L18.9,10.5h-8.5v8.5l16.9,16.9L35.8,27.4z M44.3,2h8.5v16.9h-8.5L44.3,2L44.3,2z M78.1,44.3H95
+ v8.5H78.1V44.3z M86.6,18.9v-8.5h-8.5L61.2,27.4l8.5,8.5L86.6,18.9z M2,44.3h16.9v8.5H2V44.3z M44.3,78.1h8.5V95h-8.5L44.3,78.1
+ L44.3,78.1z M10.5,78.1v8.5h8.5l16.9-16.9l-8.5-8.5L10.5,78.1z M135.5,118.6L51.4,34.5c-2.5-2.5-6.5-2.5-9,0l-7.9,7.9
+ c-2.5,2.5-2.5,6.5,0,9l84.1,84.1c2.5,2.5,6.5,2.5,9,0l7.9-7.9C138,125.1,138,121,135.5,118.6z M65.4,73.9L40.1,48.5l8.5-8.5
+ l25.4,25.4L65.4,73.9z"/>
+</g>
+</svg>
diff --git a/images/icons/cf_icon_wizard_white.svg b/images/icons/cf_icon_wizard_white.svg
new file mode 100644
index 00000000..0df2689b
--- /dev/null
+++ b/images/icons/cf_icon_wizard_white.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
+<g>
+ <path fill="#FFFFFF" d="M35.8,27.4L18.9,10.5h-8.5v8.5l16.9,16.9L35.8,27.4z M44.3,2h8.5v16.9h-8.5L44.3,2L44.3,2z M78.1,44.3H95
+ v8.5H78.1V44.3z M86.6,18.9v-8.5h-8.5L61.2,27.4l8.5,8.5L86.6,18.9z M2,44.3h16.9v8.5H2V44.3z M44.3,78.1h8.5V95h-8.5L44.3,78.1
+ L44.3,78.1z M10.5,78.1v8.5h8.5l16.9-16.9l-8.5-8.5L10.5,78.1z M135.5,118.6L51.4,34.5c-2.5-2.5-6.5-2.5-9,0l-7.9,7.9
+ c-2.5,2.5-2.5,6.5,0,9l84.1,84.1c2.5,2.5,6.5,2.5,9,0l7.9-7.9C138,125.1,138,121,135.5,118.6z M65.4,73.9L40.1,48.5l8.5-8.5
+ l25.4,25.4L65.4,73.9z"/>
+</g>
+</svg>