{% extends "layouts/base.html" %} {% block title %} UI Icons {% endblock %} <!-- Specific Page CSS goes HERE --> {% block stylesheets %}{% endblock stylesheets %} {% block content %} <div class="content"> <div class="row"> <div class="col-md-12"> <div class="card"> <div class="card-header"> <h5 class="title">100 Awesome Nucleo Icons</h5> <p class="category">Handcrafted by our friends from <a href="https://nucleoapp.com/?ref=1712">NucleoApp</a></p> </div> <div class="card-body all-icons"> <div class="row"> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-alert-circle-exc"></i> <p>icon-alert-circle-exc</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-align-center"></i> <p>icon-align-center</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-align-left-2"></i> <p>icon-align-left-2</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-app"></i> <p>icon-app</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-atom"></i> <p>icon-atom</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-attach-87"></i> <p>icon-attach-87</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-badge"></i> <p>icon-badge</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-bag-16"></i> <p>icon-bag-16</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-bank"></i> <p>icon-bank</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-basket-simple"></i> <p>icon-basket-simple</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-bell-55"></i> <p>icon-bell-55</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-bold"></i> <p>icon-bold</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-book-bookmark"></i> <p>icon-book-bookmark</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-double-right"></i> <p>icon-double-right</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-bulb-63"></i> <p>icon-bulb-63</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-bullet-list-67"></i> <p>icon-bullet-list-67</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-bus-front-12"></i> <p>icon-bus-front-12</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-button-power"></i> <p>icon-button-power</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-camera-18"></i> <p>icon-camera-18</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-calendar-60"></i> <p>icon-calendar-60</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-caps-small"></i> <p>icon-caps-small</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-cart"></i> <p>icon-cart</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-chart-bar-32"></i> <p>icon-chart-bar-32</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-chart-pie-36"></i> <p>icon-chart-pie-36</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-chat-33"></i> <p>icon-chat-33</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-check-2"></i> <p>icon-check-2</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-cloud-download-93"></i> <p>icon-cloud-download-93</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-cloud-upload-94"></i> <p>icon-cloud-upload-94</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-coins"></i> <p>icon-coins</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-compass-05"></i> <p>icon-compass-05</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-controller"></i> <p>icon-controller</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-credit-card"></i> <p>icon-credit-card</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-delivery-fast"></i> <p>icon-delivery-fast</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-email-85"></i> <p>icon-email-85</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-gift-2"></i> <p>icon-gift-2</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-globe-2"></i> <p>icon-globe-2</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-headphones"></i> <p>icon-headphones</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-heart-2"></i> <p>icon-heart-2</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-html5"></i> <p>icon-html5</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-double-left"></i> <p>icon-double-left</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-image-02"></i> <p>icon-image-02</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-istanbul"></i> <p>icon-istanbul</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-key-25"></i> <p>icon-key-25</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-laptop"></i> <p>icon-laptop</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-light-3"></i> <p>icon-light-3</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-link-72"></i> <p>icon-link-72</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-lock-circle"></i> <p>icon-lock-circle</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-map-big"></i> <p>icon-map-big</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-minimal-down"></i> <p>icon-minimal-down</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-minimal-left"></i> <p>icon-minimal-left</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-minimal-right"></i> <p>icon-minimal-right</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-minimal-up"></i> <p>icon-minimal-up</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-mobile"></i> <p>icon-mobile</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-molecule-40"></i> <p>icon-molecule-40</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-money-coins"></i> <p>icon-money-coins</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-notes"></i> <p>icon-notes</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-palette"></i> <p>icon-palette</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-paper"></i> <p>icon-paper</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-pin"></i> <p>icon-pin</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-planet"></i> <p>icon-planet</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-puzzle-10"></i> <p>icon-puzzle-10</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-pencil"></i> <p>icon-pencil</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-satisfied"></i> <p>icon-satisfied</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-scissors"></i> <p>icon-scissors</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-send"></i> <p>icon-send</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-settings-gear-63"></i> <p>icon-settings-gear-63</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-settings"></i> <p>icon-settings</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-wifi"></i> <p>icon-wifi</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-single-02"></i> <p>icon-single-02</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-single-copy-04"></i> <p>icon-single-copy-04</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-sound-wave"></i> <p>icon-sound-wave</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-spaceship"></i> <p>icon-spaceship</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-square-pin"></i> <p>icon-square-pin</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-support-17"></i> <p>icon-support-17</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-tablet-2"></i> <p>icon-tablet-2</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-tag"></i> <p>icon-tag</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-tap-02"></i> <p>icon-tap-02</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-tie-bow"></i> <p>icon-tie-bow</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-time-alarm"></i> <p>icon-time-alarm</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-trash-simple"></i> <p>icon-trash-simple</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-trophy"></i> <p>icon-trophy</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-tv-2"></i> <p>icon-tv-2</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-upload"></i> <p>icon-upload</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-user-run"></i> <p>icon-user-run</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-vector"></i> <p>icon-vector</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-video-66"></i> <p>icon-video-66</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-wallet-43"></i> <p>icon-wallet-43</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-volume-98"></i> <p>icon-volume-98</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-watch-time"></i> <p>icon-watch-time</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-world"></i> <p>icon-world</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-zoom-split"></i> <p>icon-zoom-split</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-refresh-01"></i> <p>icon-refresh-01</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-refresh-02"></i> <p>icon-refresh-02</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-shape-star"></i> <p>icon-shape-star</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-components"></i> <p>icon-components</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-triangle-right-17"></i> <p>icon-triangle-right-17</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-button-pause"></i> <p>icon-button-pause</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-simple-remove"></i> <p>icon-simple-remove</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-simple-add"></i> <p>icon-simple-add</p> </div> </div> <div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"> <div class="font-icon-detail"> <i class="tim-icons icon-simple-delete"></i> <p>icon-simple-delete</p> </div> </div> </div> </div> </div> </div> </div> </div> {% endblock content %} <!-- Specific Page JS goes HERE --> {% block javascripts %}{% endblock javascripts %}