From 84c953a1eeb1b1890b2e7c14834bd8caebe6ac0c Mon Sep 17 00:00:00 2001
From: FezVrasta <fez@tekhy.net>
Date: Tue, 7 Oct 2014 10:06:14 +0200
Subject: [PATCH] organized some icons

---
 index.html | 1033 +++++++++++++++++++++++-----------------------------
 1 file changed, 465 insertions(+), 568 deletions(-)

diff --git a/index.html b/index.html
index f32d42ed..4a37b1a3 100644
--- a/index.html
+++ b/index.html
@@ -522,457 +522,168 @@
                 </div>
 
                 <div class="bs-component icons-material">
+
+                    <h2>Arrow icons</h2>
+                    <br>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-access-alarms"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-accessibility"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-access-time"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-account-box"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-account-circle"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-adb"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-add"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-add-alarm"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-add-box"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-add-circle"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-add-circle-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-airplanemode-off"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-airplanemode-on"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-android"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-apps"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-archive"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-arrow-back"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-arrow-drop-down"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-arrow-drop-down-circle"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-arrow-drop-up"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-arrow-forward"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-attachment"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-auto-fix"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-backspace"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-backup"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-beenhere"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-block"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-bluetooth 2"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-bluetooth"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-bluetooth-audio"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-bluetooth-connected 2"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-bluetooth-connected"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-bluetooth-disabled"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-bluetooth-searching"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-book"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-bookmark"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-bookmark-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-brightness-auto"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-brightness-high"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-brightness-low"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-brightness-medium"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-bug-report"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-cake"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call-end"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call-made"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call-merge"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call-missed"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-call-received"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call-split"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-camera"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-camera-alt"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-camera-roll"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-cancel"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-cast"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-cast-connected"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-chat"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-check"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-check-box"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-check-box-blank"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-check-box-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-check-box-outline-blank"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-check-circle"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-check-circle-blank"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-check-circle-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-check-circle-outline-blank"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-arrow-drop-down"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-arrow-drop-up"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-arrow-drop-down-circle"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-import-export"></i></div>
                     </div>
                     <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-chevron-left"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-chevron-right"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-chromecast"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-circles"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-circles-add"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-circles-extended"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-clear"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-close"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-closed-caption"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-cloud"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-cloud-circle"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-cloud-done"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-cloud-download"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-cloud-off"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-cloud-queue"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-cloud-upload"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-comment"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-communities"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-content-copy"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-content-cut"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-content-paste"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-create"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-credit-card"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-crop"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-crop-free"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-crop-landscape"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-crop-portrait"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-crop-square"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-data-usage"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-delete"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-developer-mode"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-dialpad"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-directions"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-directions-bike"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-directions-bus"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-directions-car"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-directions-subway"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-directions-train"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-directions-transit"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-directionswalk"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-disc-full"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-dock"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-domain"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-done"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-done-all"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-do-not-disturb"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drafts"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drawer"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-drive"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-document"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-drawing"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-eta"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-file"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-form"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-drive-fusiontable"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-image"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-ms-excel"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-ms-powerpoint"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-ms-word"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-pdf"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-drive-presentation"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-script"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-site"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-spreadsheet"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-drive-video"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-earth"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-email 2"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-email"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-error"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-event 2"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-event"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-exit-to-app"></i></div>
-                    </div>
-                    <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-expand-less"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-expand-more"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-explore"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-extension"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-fast-forward"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-fast-rewind"></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                    </div>
+                    <hr>
+                    <h2>Web application icons</h2>
+                    <br>
+                    <div class="row">
+                        <div class="col-xs-2"><i class="icon icon-material-add"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-add-box"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-add-circle"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-add-circle-outline"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-bug-report"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-close"></i></div>
                     </div>
                     <div class="row">
+                        <div class="col-xs-2"><i class="icon icon-material-exit-to-app"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-favorite"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-favorite-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-file-download"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-file-upload"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-filter"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-flag"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-flash-auto"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-flash-off"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-flash-on"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-flights"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-flip-to-back"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-flip-to-front"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-folder"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-folder-mydrive"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-folder-shared"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-forum"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-forward"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-fullscreen"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-fullscreen-exit"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-gamepad"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-games"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-gesture"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-glass"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-gmail 2"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-gmail"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-google"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-google-plus"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-gps-fixed"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-gps-not-fixed"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-gps-off"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-group"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-group-add"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-hangout 2"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-hangout"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-hangout-video"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-hangout-video-off"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-headset"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-headset-mic"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-help"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-high-quality"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-history"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-home"></i></div>
                     </div>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-hotel"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-https"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-image"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-import-export"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-inbox"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-info"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-launch"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-menu"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-more"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-more-horiz"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-more-vert"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-send"></i></div>
                     </div>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-info-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-invert-colors"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-keep 2"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-keep"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-settings"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-settings-applications"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-search"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-star"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-star-half"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-star-outline"></i></div>
+                    </div>
+                    <div class="row">
+                        <div class="col-xs-2"><i class="icon icon-material-star-rate"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-whatshot"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-email"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-forum"></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                    </div>
+                    <hr>
+                    <h2>Chat</h2>
+                    <br>
+                    <div class="row">
+                        <div class="col-xs-2"><i class="icon icon-material-chat"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-comment"></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                    </div>
+                    <hr>
+                    <h2>Keyboard icons</h2>
+                    <br>
+                    <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-keyboard"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-keyboard-alt"></i></div>
-                    </div>
-                    <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-keyboard-arrow-down"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-keyboard-arrow-up"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-keyboard-arrow-left"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-keyboard-arrow-right"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-keyboard-arrow-up"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-keyboard-backspace"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-keyboard-capslock"></i></div>
                     </div>
                     <div class="row">
+                        <div class="col-xs-2"><i class="icon icon-material-keyboard-capslock"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-keyboard-control"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-keyboard-hide"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-keyboard-return"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-keyboard-tab"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-keyboard-voice"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-label"></i></div>
                     </div>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-label-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-landscape"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-language"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-laptop"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-launch"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-link"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-backspace"></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                    </div>
+                    <hr>
+                    <h2>Smartphone icons</h2>
+                    <br>
+                    <div class="row">
+                        <div class="col-xs-2"><i class="icon icon-material-airplanemode-off"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-airplanemode-on"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-android"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-apps"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-bluetooth"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-bluetooth-audio"></i></div>
                     </div>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-list"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-live-help"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-location"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-location-city"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-location-disabled"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-location-searching"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-bluetooth-connected"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-bluetooth-disabled"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-bluetooth-searching"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-settings-bluetooth"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-brightness-auto"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-brightness-high"></i></div>
                     </div>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-lock"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-lock-open"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-lock-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-loop"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-mail"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-map"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-brightness-low"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-brightness-medium"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-call"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-call-end"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-call-made"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-call-merge"></i></div>
                     </div>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-markunread"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-memory"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-menu"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-message"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-messenger"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-mic"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-call-missed"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-call-received"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-call-split"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-camera"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-camera-alt"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-camera-roll"></i></div>
                     </div>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-mic-none"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-mic-off"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-mms"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-mood"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-more"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-more-horiz"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-more-vert"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-mouse"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-movie"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-nest-protect"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-nest-thermostat"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-dialpad"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-dock"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-headset"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-headset-mic"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-network-cell"></i></div>
-                    </div>
-                    <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-network-wifi"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-news"></i></div>
+                    </div>
+                    <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-nfc"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-notifications"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-notifications-none"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-notifications-off"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-notifications-on"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-notifications-paused"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-pages"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-palette"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-panorama"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-party-mode"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-pause"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-pause-circle-fill"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-pause-circle-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-people"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-person"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-person-add"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-person-location"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-person-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-phone 2"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-phone"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-phone-bluetooth-speaker"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-phone-forwarded"></i></div>
-                    </div>
-                    <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-phone-in-talk"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-phone-locked"></i></div>
+                    </div>
+                    <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-phone-missed"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-phone-paused"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-photo"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-photo-album"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-photo-library"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-place"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-play-arrow"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-play-circle-fill"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-play-circle-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-play-download"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-play-install"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-plus-one"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-poll"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-polymer"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-portrait"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-post-blogger"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-post-facebook"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-post-gplus"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-post-instagram"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-post-linkedin"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-post-pinterest"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-post-tumblr"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-post-twitter"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-print"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-public"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-queue"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-radio-button-off"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-radio-button-on"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-receipt"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-refresh"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-reminder"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-remove"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-remove-circle"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-remove-circle-outline"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-replay"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-reply"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-reply-all"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-report"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-ring-volume"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-rotate-left"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-rotate-right"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-satellite"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-save"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-schedule"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-school"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-screen-lock-landscape"></i></div>
-                    </div>
-                    <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-screen-lock-portrait"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-screen-lock-rotation"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-screen-rotation"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-sd-card"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-sd-storage"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-search"></i></div>
                     </div>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-select-all"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-send"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-settings"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-settings-applications"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-settings-bluetooth"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-settings-cell"></i></div>
-                    </div>
-                    <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-settings-phone"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-settings-power"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-settings-voice"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-share"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-share-alt"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-shopping-basket"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-shopping-cart"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-shuffle"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-signal-cellular-1-bar"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-signal-cellular-2-bar"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-signal-cellular-3-bar"></i></div>
@@ -984,198 +695,384 @@
                         <div class="col-xs-2"><i class="icon icon-material-signal-wifi-3-bar"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-signal-wifi-4-bar"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-sim-card-alert"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-skip-next"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-skip-previous"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-slideshow"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-sms"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-sms-failed"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-sort"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-speaker"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-star"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-star-half"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-star-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-star-rate"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-stop"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-storage"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-store"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-swap-driving-apps"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-swap-horiz"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-swap-vert"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-swap-vert-circle"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-switch-camera"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-switch-video"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-sync"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-sync-disabled"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-sync-green"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-sync-problem"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-sync-problem-red"></i></div>
-                    </div>
-                    <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-system-update"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-tab"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-tablet"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-tab-unselected"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-tag-faces"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-tap-and-play"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-terrain"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-text-format"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-textsms"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-theaters"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-thumb-down"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-thumb-up"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-timelapse"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-timer"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-time-to-leave"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-today"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-traffic4"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-translate"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-tv"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-undo"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-unfold-less"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-unfold-more"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-unknown-1"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-unknown-2"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-unknown-3"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-unknown-4"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-unknown-5"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-unknown-6"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-unknown-7"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-usb 2"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-usb"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-vibration"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-videocam"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-videocam-off"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-video-youtube"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-view-array"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-view-column"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-view-headline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-view-list"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-view-module"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-view-quilt"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-view-stream"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-visibility"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-visibility-off"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-voice"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-voicemail"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-volume-down"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-volume-mute"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-volume-off"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-volume-up"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-vpn"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-warning"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-watch2"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-wb-auto"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-wb-cloudy"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-wb-incandescent"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-wb-irradescent"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-wb-sunny2"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-web2"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-whatshot"></i></div>
                     </div>
                     <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-wifi-tethering2"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-wifi-tethering3"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-work2"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call-end"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call-made"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-call-merge"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call-missed"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call-received"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-call-split"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-chat"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-comment"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-dialpad"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-email"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-forum"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-gmail"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-hangout"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-hangout-video"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-hangout-video-off"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-import-export"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-live-help"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-message"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-messenger"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-phone"></i></div>
-                    </div>
-                    <div class="row">
                         <div class="col-xs-2"><i class="icon icon-material-ring-volume"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-textsms"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-voicemail"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-closed-caption"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-fast-forward"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-fast-rewind"></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                    </div>
+                    <hr>
+                    <h2>Application icons</h2>
+                    <br>
+                    <div class="row">
+                        <div class="col-xs-2"><i class="icon icon-material-adb"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-cast"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-cast-connected"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-chromecast"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-drive"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-folder-mydrive"></i></div>
                     </div>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-games"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-high-quality"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-loop"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-mic"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-mic-none"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-mic-off"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-earth"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-glass"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-gmail"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-google"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-google-plus"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-hangout"></i></div>
                     </div>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-movie"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-news"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-pause"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-pause-circle-fill"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-pause-circle-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-play-arrow"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-post-blogger"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-post-facebook"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-post-gplus"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-post-instagram"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-post-linkedin"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-post-pinterest"></i></div>
                     </div>
                     <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-play-circle-fill"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-play-circle-outline"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-queue"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-replay"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-shuffle"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-skip-next"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-skip-previous"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-stop"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-videocam"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-videocam-off"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-post-tumblr"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-post-twitter"></i></div>
+                        <div class="col-xs-2"><i class="icon icon-material-polymer"></i></div>
                         <div class="col-xs-2"><i class="icon icon-material-video-youtube"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-volume-down"></i></div>
-                    </div>
-                    <div class="row">
-                        <div class="col-xs-2"><i class="icon icon-material-volume-mute"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-volume-off"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-volume-up"></i></div>
-                        <div class="col-xs-2"><i class="icon icon-material-web2"></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
+                        <div class="col-xs-2"><i class="icon "></i></div>
                     </div>
+
+                    <hr>
+                    <h2>Not yet categorized icons</h2>
+                    <br>
+                    <textarea readonly style="width: 100%; height: 300px">
+icon-material-access-alarms
+icon-material-accessibility
+icon-material-access-time
+icon-material-account-box
+icon-material-account-circle
+icon-material-add-alarm
+icon-material-archive
+icon-material-attachment
+icon-material-auto-fix
+icon-material-backup
+icon-material-beenhere
+icon-material-block
+icon-material-book
+icon-material-bookmark
+icon-material-bookmark-outline
+icon-material-cake
+icon-material-cancel
+icon-material-check
+icon-material-check-box
+icon-material-check-box-blank
+icon-material-check-box-outline
+icon-material-check-box-outline-blank
+icon-material-check-circle
+icon-material-check-circle-blank
+icon-material-check-circle-outline
+icon-material-check-circle-outline-blank
+icon-material-circles
+icon-material-circles-add
+icon-material-circles-extended
+icon-material-clear
+icon-material-closed-caption
+icon-material-cloud
+icon-material-cloud-circle
+icon-material-cloud-done
+icon-material-cloud-download
+icon-material-cloud-off
+icon-material-cloud-queue
+icon-material-cloud-upload
+icon-material-communities
+icon-material-content-copy
+icon-material-content-cut
+icon-material-content-paste
+icon-material-create
+icon-material-credit-card
+icon-material-crop
+icon-material-crop-free
+icon-material-crop-landscape
+icon-material-crop-portrait
+icon-material-crop-square
+icon-material-data-usage
+icon-material-delete
+icon-material-developer-mode
+icon-material-directions
+icon-material-directions-bike
+icon-material-directions-bus
+icon-material-directions-car
+icon-material-directions-subway
+icon-material-directions-train
+icon-material-directions-transit
+icon-material-directionswalk
+icon-material-disc-full
+icon-material-domain
+icon-material-done
+icon-material-done-all
+icon-material-do-not-disturb
+icon-material-drafts
+icon-material-drawer
+icon-material-drive-document
+icon-material-drive-drawing
+icon-material-drive-eta
+icon-material-drive-file
+icon-material-drive-form
+icon-material-drive-fusiontable
+icon-material-drive-image
+icon-material-drive-ms-excel
+icon-material-drive-ms-powerpoint
+icon-material-drive-ms-word
+icon-material-drive-pdf
+icon-material-drive-presentation
+icon-material-drive-script
+icon-material-drive-site
+icon-material-drive-spreadsheet
+icon-material-drive-video
+icon-material-error
+icon-material-event
+icon-material-explore
+icon-material-extension
+icon-material-fast-forward
+icon-material-fast-rewind
+icon-material-file-download
+icon-material-file-upload
+icon-material-filter
+icon-material-flash-auto
+icon-material-flash-off
+icon-material-flash-on
+icon-material-flights
+icon-material-flip-to-back
+icon-material-flip-to-front
+icon-material-folder
+icon-material-folder-shared
+icon-material-forward
+icon-material-fullscreen
+icon-material-fullscreen-exit
+icon-material-gamepad
+icon-material-games
+icon-material-gesture
+icon-material-gps-fixed
+icon-material-gps-not-fixed
+icon-material-gps-off
+icon-material-group
+icon-material-group-add
+icon-material-hangout-video
+icon-material-hangout-video-off
+icon-material-headset-mic
+icon-material-high-quality
+icon-material-history
+icon-material-hotel
+icon-material-https
+icon-material-image
+icon-material-inbox
+icon-material-info
+icon-material-info-outline
+icon-material-invert-colors
+icon-material-keep
+icon-material-keyboard-backspace
+icon-material-label
+icon-material-label-outline
+icon-material-landscape
+icon-material-language
+icon-material-laptop
+icon-material-link
+icon-material-list
+icon-material-live-help
+icon-material-location
+icon-material-location-city
+icon-material-location-disabled
+icon-material-location-searching
+icon-material-lock
+icon-material-lock-open
+icon-material-lock-outline
+icon-material-loop
+icon-material-mail
+icon-material-map
+icon-material-markunread
+icon-material-memory
+icon-material-message
+icon-material-messenger
+icon-material-mic
+icon-material-mic-none
+icon-material-mic-off
+icon-material-mms
+icon-material-mood
+icon-material-mouse
+icon-material-movie
+icon-material-nest-protect
+icon-material-nest-thermostat
+icon-material-news
+icon-material-notifications
+icon-material-notifications-none
+icon-material-notifications-off
+icon-material-notifications-on
+icon-material-notifications-paused
+icon-material-pages
+icon-material-palette
+icon-material-panorama
+icon-material-party-mode
+icon-material-pause
+icon-material-pause-circle-fill
+icon-material-pause-circle-outline
+icon-material-people
+icon-material-person
+icon-material-person-add
+icon-material-person-location
+icon-material-person-outline
+icon-material-phone2
+icon-material-photo
+icon-material-photo-album
+icon-material-photo-library
+icon-material-place
+icon-material-play-arrow
+icon-material-play-circle-fill
+icon-material-play-circle-outline
+icon-material-play-download
+icon-material-play-install
+icon-material-plus-one
+icon-material-poll
+icon-material-portrait
+icon-material-print
+icon-material-public
+icon-material-queue
+icon-material-radio-button-off
+icon-material-radio-button-on
+icon-material-receipt
+icon-material-refresh
+icon-material-reminder
+icon-material-remove
+icon-material-remove-circle
+icon-material-remove-circle-outline
+icon-material-replay
+icon-material-reply
+icon-material-reply-all
+icon-material-report
+icon-material-rotate-left
+icon-material-rotate-right
+icon-material-satellite
+icon-material-save
+icon-material-schedule
+icon-material-school
+icon-material-sd-card
+icon-material-sd-storage
+icon-material-select-all
+icon-material-settings-power
+icon-material-settings-voice
+icon-material-share
+icon-material-share-alt
+icon-material-shopping-basket
+icon-material-shopping-cart
+icon-material-shuffle
+icon-material-skip-next
+icon-material-skip-previous
+icon-material-slideshow
+icon-material-sms
+icon-material-sms-failed
+icon-material-sort
+icon-material-speaker
+icon-material-stop
+icon-material-storage
+icon-material-store
+icon-material-swap-driving-apps
+icon-material-swap-horiz
+icon-material-swap-vert
+icon-material-swap-vert-circle
+icon-material-switch-camera
+icon-material-switch-video
+icon-material-sync
+icon-material-sync-disabled
+icon-material-sync-green
+icon-material-sync-problem
+icon-material-sync-problem-red
+icon-material-tab
+icon-material-tablet
+icon-material-tab-unselected
+icon-material-tag-faces
+icon-material-tap-and-play
+icon-material-terrain
+icon-material-text-format
+icon-material-theaters
+icon-material-thumb-down
+icon-material-thumb-up
+icon-material-timelapse
+icon-material-timer
+icon-material-time-to-leave
+icon-material-today
+icon-material-traffic4
+icon-material-translate
+icon-material-tv
+icon-material-undo
+icon-material-unfold-less
+icon-material-unfold-more
+icon-material-unknown-1
+icon-material-unknown-2
+icon-material-unknown-3
+icon-material-unknown-4
+icon-material-unknown-5
+icon-material-unknown-6
+icon-material-unknown-7
+icon-material-usb 2
+icon-material-usb
+icon-material-vibration
+icon-material-videocam
+icon-material-videocam-off
+icon-material-view-array
+icon-material-view-column
+icon-material-view-headline
+icon-material-view-list
+icon-material-view-module
+icon-material-view-quilt
+icon-material-view-stream
+icon-material-visibility
+icon-material-visibility-off
+icon-material-voice
+icon-material-voicemail
+icon-material-volume-down
+icon-material-volume-mute
+icon-material-volume-off
+icon-material-volume-up
+icon-material-vpn
+icon-material-warning
+icon-material-watch2
+icon-material-wb-auto
+icon-material-wb-cloudy
+icon-material-wb-incandescent
+icon-material-wb-irradescent
+icon-material-wb-sunny2
+icon-material-web2
+icon-material-work2
+icon-material-hangout-video
+icon-material-hangout-video-off
+icon-material-live-help
+icon-material-message
+icon-material-messenger
+icon-material-voicemail
+icon-material-closed-caption
+icon-material-fast-forward
+icon-material-fast-rewind
+icon-material-games
+icon-material-high-quality
+icon-material-loop
+icon-material-mic
+icon-material-mic-none
+icon-material-mic-off
+icon-material-movie
+icon-material-news
+icon-material-pause
+icon-material-pause-circle-fill
+icon-material-pause-circle-outline
+icon-material-play-arrow
+icon-material-play-circle-fill
+icon-material-play-circle-outline
+icon-material-queue
+icon-material-replay
+icon-material-shuffle
+icon-material-skip-next
+icon-material-skip-previous
+icon-material-videocam
+icon-material-videocam-off
+icon-material-web2
+                    </textarea>
                 </div>
             </div>