/jade/page-contents/icons_content.html
HTML | 436 lines | 420 code | 15 blank | 1 comment | 0 complexity | 2ac03d1d7221c0bca775b0fb1fe44ab5 MD5 | raw file
- <div class="container">
- <div class="row">
- <div class="col s12 m9 l10">
- <div id="action" class="row scrollspy">
- <p class="caption">We have included 740 Material Design Icons courtesy of Google. You can download them directly from the <a href="https://github.com/google/material-design-icons">Material Design specs</a>. The icon font was made and packed by <a href="http://fezvrasta.github.io/bootstrap-material-design/">Bootstrap Material Design</a>.</p>
- <h4>Usage</h4>
- <p>To use these icons, just place the name of the icon into the class of an i tag</p>
- <pre><code class="language-markup">
- <i class="mdi-content-add"></i>
- </code></pre>
- <h4>Sizes</h4>
- <p>To control the size of the icon, change the <code class="language-css">font-size: 30px</code> property of your icon. Optionally you can use preset classes as shown below.</p>
- <div class="row">
- <div class="center-align">
- <div class="col s3"><i class="mdi-editor-insert-chart tiny icon-demo"></i><br><p>Tiny</p></div>
- <div class="col s3"><i class="mdi-editor-insert-chart small icon-demo"></i><br><p>Small</p></div>
- <div class="col s3"><i class="mdi-editor-insert-chart medium icon-demo"></i><br><p>Medium</p></div>
- <div class="col s3"><i class="mdi-editor-insert-chart large icon-demo"></i><br><p>Large</p></div>
- </div>
- </div>
- <pre><code class="language-markup">
- <!--
- Sizes:
- tiny: 1rem
- small: 2rem
- medium: 4rem
- large: 6rem
- -->
- <i class="large mdi-editor-insert-chart"></i>
- </code></pre>
- <!-- Icon Listing -->
- <div class="row icon-container">
- <h4 class="light col s12">Action</h4><br>
- <div class="icon-preview col s6 m3"><i class="mdi-action-3d-rotation"></i><span>mdi-action-3d-rotation</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-accessibility"></i><span>mdi-action-accessibility</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-account-balance"></i><span>mdi-action-account-balance</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-account-balance-wallet"></i><span>mdi-action-account-balance-wallet</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-account-box"></i><span>mdi-action-account-box</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-account-child"></i><span>mdi-action-account-child</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-account-circle"></i><span>mdi-action-account-circle</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-add-shopping-cart"></i><span>mdi-action-add-shopping-cart</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-alarm"></i><span>mdi-action-alarm</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-alarm-add"></i><span>mdi-action-alarm-add</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-alarm-off"></i><span>mdi-action-alarm-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-alarm-on"></i><span>mdi-action-alarm-on</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-android"></i><span>mdi-action-android</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-announcement"></i><span>mdi-action-announcement</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-aspect-ratio"></i><span>mdi-action-aspect-ratio</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-assessment"></i><span>mdi-action-assessment</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-assignment"></i><span>mdi-action-assignment</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-assignment-ind"></i><span>mdi-action-assignment-ind</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-assignment-late"></i><span>mdi-action-assignment-late</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-assignment-return"></i><span>mdi-action-assignment-return</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-assignment-returned"></i><span>mdi-action-assignment-returned</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-assignment-turned-in"></i><span>mdi-action-assignment-turned-in</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-autorenew"></i><span>mdi-action-autorenew</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-backup"></i><span>mdi-action-backup</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-book"></i><span>mdi-action-book</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-bookmark"></i><span>mdi-action-bookmark</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-bookmark-outline"></i><span>mdi-action-bookmark-outline</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-bug-report"></i><span>mdi-action-bug-report</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-cached"></i><span>mdi-action-cached</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-class"></i><span>mdi-action-class</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-credit-card"></i><span>mdi-action-credit-card</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-dashboard"></i><span>mdi-action-dashboard</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-delete"></i><span>mdi-action-delete</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-description"></i><span>mdi-action-description</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-dns"></i><span>mdi-action-dns</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-done"></i><span>mdi-action-done</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-done-all"></i><span>mdi-action-done-all</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-event"></i><span>mdi-action-event</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-exit-to-app"></i><span>mdi-action-exit-to-app</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-explore"></i><span>mdi-action-explore</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-extension"></i><span>mdi-action-extension</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-face-unlock"></i><span>mdi-action-face-unlock</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-favorite"></i><span>mdi-action-favorite</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-favorite-outline"></i><span>mdi-action-favorite-outline</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-find-in-page"></i><span>mdi-action-find-in-page</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-find-replace"></i><span>mdi-action-find-replace</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-flip-to-back"></i><span>mdi-action-flip-to-back</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-flip-to-front"></i><span>mdi-action-flip-to-front</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-get-app"></i><span>mdi-action-get-app</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-grade"></i><span>mdi-action-grade</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-group-work"></i><span>mdi-action-group-work</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-help"></i><span>mdi-action-help</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-highlight-remove"></i><span>mdi-action-highlight-remove</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-history"></i><span>mdi-action-history</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-home"></i><span>mdi-action-home</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-https"></i><span>mdi-action-https</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-info"></i><span>mdi-action-info</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-info-outline"></i><span>mdi-action-info-outline</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-input"></i><span>mdi-action-input</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-invert-colors"></i><span>mdi-action-invert-colors</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-label"></i><span>mdi-action-label</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-label-outline"></i><span>mdi-action-label-outline</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-language"></i><span>mdi-action-language</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-launch"></i><span>mdi-action-launch</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-list"></i><span>mdi-action-list</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-lock"></i><span>mdi-action-lock</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-lock-open"></i><span>mdi-action-lock-open</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-lock-outline"></i><span>mdi-action-lock-outline</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-loyalty"></i><span>mdi-action-loyalty</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-markunread-mailbox"></i><span>mdi-action-markunread-mailbox</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-note-add"></i><span>mdi-action-note-add</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-open-in-browser"></i><span>mdi-action-open-in-browser</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-open-in-new"></i><span>mdi-action-open-in-new</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-open-with"></i><span>mdi-action-open-with</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-pageview"></i><span>mdi-action-pageview</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-payment"></i><span>mdi-action-payment</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-perm-camera-mic"></i><span>mdi-action-perm-camera-mic</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-perm-contact-cal"></i><span>mdi-action-perm-contact-cal</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-perm-data-setting"></i><span>mdi-action-perm-data-setting</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-perm-device-info"></i><span>mdi-action-perm-device-info</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-perm-identity"></i><span>mdi-action-perm-identity</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-perm-media"></i><span>mdi-action-perm-media</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-perm-phone-msg"></i><span>mdi-action-perm-phone-msg</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-perm-scan-wifi"></i><span>mdi-action-perm-scan-wifi</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-picture-in-picture"></i><span>mdi-action-picture-in-picture</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-polymer"></i><span>mdi-action-polymer</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-print"></i><span>mdi-action-print</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-query-builder"></i><span>mdi-action-query-builder</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-question-answer"></i><span>mdi-action-question-answer</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-receipt"></i><span>mdi-action-receipt</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-redeem"></i><span>mdi-action-redeem</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-report-problem"></i><span>mdi-action-report-problem</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-restore"></i><span>mdi-action-restore</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-room"></i><span>mdi-action-room</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-schedule"></i><span>mdi-action-schedule</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-search"></i><span>mdi-action-search</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings"></i><span>mdi-action-settings</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-applications"></i><span>mdi-action-settings-applications</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-backup-restore"></i><span>mdi-action-settings-backup-restore</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-bluetooth"></i><span>mdi-action-settings-bluetooth</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-cell"></i><span>mdi-action-settings-cell</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-display"></i><span>mdi-action-settings-display</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-ethernet"></i><span>mdi-action-settings-ethernet</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-input-antenna"></i><span>mdi-action-settings-input-antenna</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-input-component"></i><span>mdi-action-settings-input-component</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-input-composite"></i><span>mdi-action-settings-input-composite</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-input-hdmi"></i><span>mdi-action-settings-input-hdmi</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-input-svideo"></i><span>mdi-action-settings-input-svideo</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-overscan"></i><span>mdi-action-settings-overscan</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-phone"></i><span>mdi-action-settings-phone</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-power"></i><span>mdi-action-settings-power</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-remote"></i><span>mdi-action-settings-remote</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-settings-voice"></i><span>mdi-action-settings-voice</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-shop"></i><span>mdi-action-shop</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-shop-two"></i><span>mdi-action-shop-two</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-shopping-basket"></i><span>mdi-action-shopping-basket</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-shopping-cart"></i><span>mdi-action-shopping-cart</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-speaker-notes"></i><span>mdi-action-speaker-notes</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-spellcheck"></i><span>mdi-action-spellcheck</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-star-rate"></i><span>mdi-action-star-rate</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-stars"></i><span>mdi-action-stars</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-store"></i><span>mdi-action-store</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-subject"></i><span>mdi-action-subject</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-swap-horiz"></i><span>mdi-action-swap-horiz</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-swap-vert"></i><span>mdi-action-swap-vert</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-swap-vert-circle"></i><span>mdi-action-swap-vert-circle</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-system-update-tv"></i><span>mdi-action-system-update-tv</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-tab"></i><span>mdi-action-tab</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-tab-unselected"></i><span>mdi-action-tab-unselected</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-theaters"></i><span>mdi-action-theaters</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-thumb-down"></i><span>mdi-action-thumb-down</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-thumb-up"></i><span>mdi-action-thumb-up</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-thumbs-up-down"></i><span>mdi-action-thumbs-up-down</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-toc"></i><span>mdi-action-toc</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-today"></i><span>mdi-action-today</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-track-changes"></i><span>mdi-action-track-changes</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-translate"></i><span>mdi-action-translate</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-trending-down"></i><span>mdi-action-trending-down</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-trending-neutral"></i><span>mdi-action-trending-neutral</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-trending-up"></i><span>mdi-action-trending-up</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-turned-in"></i><span>mdi-action-turned-in</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-turned-in-not"></i><span>mdi-action-turned-in-not</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-verified-user"></i><span>mdi-action-verified-user</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-view-agenda"></i><span>mdi-action-view-agenda</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-view-array"></i><span>mdi-action-view-array</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-view-carousel"></i><span>mdi-action-view-carousel</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-view-column"></i><span>mdi-action-view-column</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-view-day"></i><span>mdi-action-view-day</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-view-headline"></i><span>mdi-action-view-headline</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-view-list"></i><span>mdi-action-view-list</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-view-module"></i><span>mdi-action-view-module</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-view-quilt"></i><span>mdi-action-view-quilt</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-view-stream"></i><span>mdi-action-view-stream</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-view-week"></i><span>mdi-action-view-week</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-visibility"></i><span>mdi-action-visibility</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-visibility-off"></i><span>mdi-action-visibility-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-wallet-giftcard"></i><span>mdi-action-wallet-giftcard</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-wallet-membership"></i><span>mdi-action-wallet-membership</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-wallet-travel"></i><span>mdi-action-wallet-travel</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-action-work"></i><span>mdi-action-work</span></div>
- </div>
- </div>
- <div id="alert" class="row icon-container scrollspy">
- <h4 class="light col s12">Alert</h4>
- <div class="icon-preview col s6 m3"><i class="mdi-alert-error"></i><span>mdi-alert-error</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-alert-warning"></i><span>mdi-alert-warning</span></div>
- </div>
- <div id="av" class="row icon-container scrollspy">
- <h4 class="light col s12">AV</h4>
- <div class="icon-preview col s6 m3"><i class="mdi-av-album"></i><span>mdi-av-album</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-timer"></i><span>mdi-av-timer</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-closed-caption"></i><span>mdi-av-closed-caption</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-equalizer"></i><span>mdi-av-equalizer</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-explicit"></i><span>mdi-av-explicit</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-fast-forward"></i><span>mdi-av-fast-forward</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-fast-rewind"></i><span>mdi-av-fast-rewind</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-games"></i><span>mdi-av-games</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-hearing"></i><span>mdi-av-hearing</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-high-quality"></i><span>mdi-av-high-quality</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-loop"></i><span>mdi-av-loop</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-mic"></i><span>mdi-av-mic</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-mic-none"></i><span>mdi-av-mic-none</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-mic-off"></i><span>mdi-av-mic-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-movie"></i><span>mdi-av-movie</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-my-library-add"></i><span>mdi-av-my-library-add</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-my-library-books"></i><span>mdi-av-my-library-books</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-my-library-music"></i><span>mdi-av-my-library-music</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-new-releases"></i><span>mdi-av-new-releases</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-not-interested"></i><span>mdi-av-not-interested</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-pause"></i><span>mdi-av-pause</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-pause-circle-fill"></i><span>mdi-av-pause-circle-fill</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-pause-circle-outline"></i><span>mdi-av-pause-circle-outline</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-play-arrow"></i><span>mdi-av-play-arrow</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-play-circle-fill"></i><span>mdi-av-play-circle-fill</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-play-circle-outline"></i><span>mdi-av-play-circle-outline</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-play-shopping-bag"></i><span>mdi-av-play-shopping-bag</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-playlist-add"></i><span>mdi-av-playlist-add</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-queue"></i><span>mdi-av-queue</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-queue-music"></i><span>mdi-av-queue-music</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-radio"></i><span>mdi-av-radio</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-recent-actors"></i><span>mdi-av-recent-actors</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-repeat"></i><span>mdi-av-repeat</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-repeat-one"></i><span>mdi-av-repeat-one</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-replay"></i><span>mdi-av-replay</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-shuffle"></i><span>mdi-av-shuffle</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-skip-next"></i><span>mdi-av-skip-next</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-skip-previous"></i><span>mdi-av-skip-previous</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-snooze"></i><span>mdi-av-snooze</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-stop"></i><span>mdi-av-stop</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-subtitles"></i><span>mdi-av-subtitles</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-surround-sound"></i><span>mdi-av-surround-sound</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-video-collection"></i><span>mdi-av-video-collection</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-videocam"></i><span>mdi-av-videocam</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-videocam-off"></i><span>mdi-av-videocam-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-volume-down"></i><span>mdi-av-volume-down</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-volume-mute"></i><span>mdi-av-volume-mute</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-volume-off"></i><span>mdi-av-volume-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-volume-up"></i><span>mdi-av-volume-up</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-av-web"></i><span>mdi-av-web</span></div>
- </div>
- <div id="communication" class="row icon-container scrollspy">
- <h4 class="light col s12">Communication</h4>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-business"></i><span>mdi-communication-business</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-call"></i><span>mdi-communication-call</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-call-end"></i><span>mdi-communication-call-end</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-call-made"></i><span>mdi-communication-call-made</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-call-merge"></i><span>mdi-communication-call-merge</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-call-missed"></i><span>mdi-communication-call-missed</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-call-received"></i><span>mdi-communication-call-received</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-call-split"></i><span>mdi-communication-call-split</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-chat"></i><span>mdi-communication-chat</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-clear-all"></i><span>mdi-communication-clear-all</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-comment"></i><span>mdi-communication-comment</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-contacts"></i><span>mdi-communication-contacts</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-dialer-sip"></i><span>mdi-communication-dialer-sip</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-dialpad"></i><span>mdi-communication-dialpad</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-dnd-on"></i><span>mdi-communication-dnd-on</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-email"></i><span>mdi-communication-email</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-forum"></i><span>mdi-communication-forum</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-import-export"></i><span>mdi-communication-import-export</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-invert-colors-off"></i><span>mdi-communication-invert-colors-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-invert-colors-on"></i><span>mdi-communication-invert-colors-on</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-live-help"></i><span>mdi-communication-live-help</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-location-off"></i><span>mdi-communication-location-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-location-on"></i><span>mdi-communication-location-on</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-message"></i><span>mdi-communication-message</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-messenger"></i><span>mdi-communication-messenger</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-no-sim"></i><span>mdi-communication-no-sim</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-phone"></i><span>mdi-communication-phone</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-portable-wifi-off"></i><span>mdi-communication-portable-wifi-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-quick-contacts-dialer"></i><span>mdi-communication-quick-contacts-dialer</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-quick-contacts-mail"></i><span>mdi-communication-quick-contacts-mail</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-ring-volume"></i><span>mdi-communication-ring-volume</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-stay-current-landscape"></i><span>mdi-communication-stay-current-landscape</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-stay-current-portrait"></i><span>mdi-communication-stay-current-portrait</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-stay-primary-landscape"></i><span>mdi-communication-stay-primary-landscape</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-stay-primary-portrait"></i><span>mdi-communication-stay-primary-portrait</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-swap-calls"></i><span>mdi-communication-swap-calls</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-textsms"></i><span>mdi-communication-textsms</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-voicemail"></i><span>mdi-communication-voicemail</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-communication-vpn-key"></i><span>mdi-communication-vpn-key</span></div>
- </div>
- <div id="content" class="row icon-container scrollspy">
- <h4 class="light col s12">Content</h4>
- <div class="icon-preview col s6 m3"><i class="mdi-content-add"></i><span>mdi-content-add</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-add-box"></i><span>mdi-content-add-box</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-add-circle"></i><span>mdi-content-add-circle</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-add-circle-outline"></i><span>mdi-content-add-circle-outline</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-archive"></i><span>mdi-content-archive</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-backspace"></i><span>mdi-content-backspace</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-block"></i><span>mdi-content-block</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-clear"></i><span>mdi-content-clear</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-content-copy"></i><span>mdi-content-content-copy</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-content-cut"></i><span>mdi-content-content-cut</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-content-paste"></i><span>mdi-content-content-paste</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-create"></i><span>mdi-content-create</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-drafts"></i><span>mdi-content-drafts</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-filter-list"></i><span>mdi-content-filter-list</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-flag"></i><span>mdi-content-flag</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-forward"></i><span>mdi-content-forward</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-gesture"></i><span>mdi-content-gesture</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-inbox"></i><span>mdi-content-inbox</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-link"></i><span>mdi-content-link</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-mail"></i><span>mdi-content-mail</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-markunread"></i><span>mdi-content-markunread</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-redo"></i><span>mdi-content-redo</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-remove"></i><span>mdi-content-remove</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-remove-circle"></i><span>mdi-content-remove-circle</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-remove-circle-outline"></i><span>mdi-content-remove-circle-outline</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-reply"></i><span>mdi-content-reply</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-reply-all"></i><span>mdi-content-reply-all</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-report"></i><span>mdi-content-report</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-save"></i><span>mdi-content-save</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-select-all"></i><span>mdi-content-select-all</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-send"></i><span>mdi-content-send</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-sort"></i><span>mdi-content-sort</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-text-format"></i><span>mdi-content-text-format</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-content-undo"></i><span>mdi-content-undo</span></div>
- </div>
- <div id="device" class="row icon-container scrollspy">
- <h4 class="light col s12">Device</h4>
- <div class="icon-preview col s6 m3"><i class="mdi-device-access-alarm"></i><span>mdi-device-access-alarm</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-access-alarms"></i><span>mdi-device-access-alarms</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-access-time"></i><span>mdi-device-access-time</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-add-alarm"></i><span>mdi-device-add-alarm</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-airplanemode-off"></i><span>mdi-device-airplanemode-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-airplanemode-on"></i><span>mdi-device-airplanemode-on</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-20"></i><span>mdi-device-battery-20</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-30"></i><span>mdi-device-battery-30</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-50"></i><span>mdi-device-battery-50</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-60"></i><span>mdi-device-battery-60</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-80"></i><span>mdi-device-battery-80</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-90"></i><span>mdi-device-battery-90</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-alert"></i><span>mdi-device-battery-alert</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-charging-20"></i><span>mdi-device-battery-charging-20</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-charging-30"></i><span>mdi-device-battery-charging-30</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-charging-50"></i><span>mdi-device-battery-charging-50</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-charging-60"></i><span>mdi-device-battery-charging-60</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-charging-80"></i><span>mdi-device-battery-charging-80</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-charging-90"></i><span>mdi-device-battery-charging-90</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-charging-full"></i><span>mdi-device-battery-charging-full</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-full"></i><span>mdi-device-battery-full</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-std"></i><span>mdi-device-battery-std</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-battery-unknown"></i><span>mdi-device-battery-unknown</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-bluetooth"></i><span>mdi-device-bluetooth</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-bluetooth-connected"></i><span>mdi-device-bluetooth-connected</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-bluetooth-disabled"></i><span>mdi-device-bluetooth-disabled</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-bluetooth-searching"></i><span>mdi-device-bluetooth-searching</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-brightness-auto"></i><span>mdi-device-brightness-auto</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-brightness-high"></i><span>mdi-device-brightness-high</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-brightness-low"></i><span>mdi-device-brightness-low</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-brightness-medium"></i><span>mdi-device-brightness-medium</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-data-usage"></i><span>mdi-device-data-usage</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-developer-mode"></i><span>mdi-device-developer-mode</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-devices"></i><span>mdi-device-devices</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-dvr"></i><span>mdi-device-dvr</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-gps-fixed"></i><span>mdi-device-gps-fixed</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-gps-not-fixed"></i><span>mdi-device-gps-not-fixed</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-gps-off"></i><span>mdi-device-gps-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-location-disabled"></i><span>mdi-device-location-disabled</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-location-searching"></i><span>mdi-device-location-searching</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-multitrack-audio"></i><span>mdi-device-multitrack-audio</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-network-cell"></i><span>mdi-device-network-cell</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-network-wifi"></i><span>mdi-device-network-wifi</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-nfc"></i><span>mdi-device-nfc</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-now-wallpaper"></i><span>mdi-device-now-wallpaper</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-now-widgets"></i><span>mdi-device-now-widgets</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-screen-lock-landscape"></i><span>mdi-device-screen-lock-landscape</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-screen-lock-portrait"></i><span>mdi-device-screen-lock-portrait</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-screen-lock-rotation"></i><span>mdi-device-screen-lock-rotation</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-screen-rotation"></i><span>mdi-device-screen-rotation</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-sd-storage"></i><span>mdi-device-sd-storage</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-settings-system-daydream"></i><span>mdi-device-settings-system-daydream</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-0-bar"></i><span>mdi-device-signal-cellular-0-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-1-bar"></i><span>mdi-device-signal-cellular-1-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-2-bar"></i><span>mdi-device-signal-cellular-2-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-3-bar"></i><span>mdi-device-signal-cellular-3-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-4-bar"></i><span>mdi-device-signal-cellular-4-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-connected-no-internet-0-bar"></i><span>mdi-device-signal-cellular-connected-no-internet-0-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-connected-no-internet-1-bar"></i><span>mdi-device-signal-cellular-connected-no-internet-1-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-connected-no-internet-2-bar"></i><span>mdi-device-signal-cellular-connected-no-internet-2-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-connected-no-internet-3-bar"></i><span>mdi-device-signal-cellular-connected-no-internet-3-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-connected-no-internet-4-bar"></i><span>mdi-device-signal-cellular-connected-no-internet-4-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-no-sim"></i><span>mdi-device-signal-cellular-no-sim</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-null"></i><span>mdi-device-signal-cellular-null</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-cellular-off"></i><span>mdi-device-signal-cellular-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-wifi-0-bar"></i><span>mdi-device-signal-wifi-0-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-wifi-1-bar"></i><span>mdi-device-signal-wifi-1-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-wifi-2-bar"></i><span>mdi-device-signal-wifi-2-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-wifi-3-bar"></i><span>mdi-device-signal-wifi-3-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-wifi-4-bar"></i><span>mdi-device-signal-wifi-4-bar</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-signal-wifi-off"></i><span>mdi-device-signal-wifi-off</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-storage"></i><span>mdi-device-storage</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-usb"></i><span>mdi-device-usb</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-wifi-lock"></i><span>mdi-device-wifi-lock</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-device-wifi-tethering"></i><span>mdi-device-wifi-tethering</span></div>
- </div>
- <div id="editor" class="row icon-container scrollspy">
- <h4 class="light col s12">Editor</h4>
- <div class="icon-preview col s6 m3"><i class="mdi-editor-attach-file"></i><span>mdi-editor-attach-file</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-editor-attach-money"></i><span>mdi-editor-attach-money</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-editor-border-all"></i><span>mdi-editor-border-all</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-editor-border-bottom"></i><span>mdi-editor-border-bottom</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-editor-border-clear"></i><span>mdi-editor-border-clear</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-editor-border-color"></i><span>mdi-editor-border-color</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-editor-border-horizontal"></i><span>mdi-editor-border-horizontal</span></div>
- <div class="icon-preview col s6 m3"><i class="mdi-editor-border-inner"></i><span>mdi-editor-border-inner</span></div>
- <div class="icon-preview col s6