Skip to content

Elements:Icons: Ionicons

Ionicons

Version: 2.0.1
Total icons: 733

Usage: <i class="ion-ICON-NAME"></i>

  • <i class="ion-alert"></i>
  • <i class="ion-alert-circled"></i>
  • <i class="ion-android-add"></i>
  • <i class="ion-android-add-circle"></i>
  • <i class="ion-android-alarm-clock"></i>
  • <i class="ion-android-alert"></i>
  • <i class="ion-android-apps"></i>
  • <i class="ion-android-archive"></i>
  • <i class="ion-android-arrow-back"></i>
  • <i class="ion-android-arrow-down"></i>
  • <i class="ion-android-arrow-dropdown"></i>
  • <i class="ion-android-arrow-dropdown-circle"></i>
  • <i class="ion-android-arrow-dropleft"></i>
  • <i class="ion-android-arrow-dropleft-circle"></i>
  • <i class="ion-android-arrow-dropright"></i>
  • <i class="ion-android-arrow-dropright-circle"></i>
  • <i class="ion-android-arrow-dropup"></i>
  • <i class="ion-android-arrow-dropup-circle"></i>
  • <i class="ion-android-arrow-forward"></i>
  • <i class="ion-android-arrow-up"></i>
  • <i class="ion-android-attach"></i>
  • <i class="ion-android-bar"></i>
  • <i class="ion-android-bicycle"></i>
  • <i class="ion-android-boat"></i>
  • <i class="ion-android-bookmark"></i>
  • <i class="ion-android-bulb"></i>
  • <i class="ion-android-bus"></i>
  • <i class="ion-android-calendar"></i>
  • <i class="ion-android-call"></i>
  • <i class="ion-android-camera"></i>
  • <i class="ion-android-cancel"></i>
  • <i class="ion-android-car"></i>
  • <i class="ion-android-cart"></i>
  • <i class="ion-android-chat"></i>
  • <i class="ion-android-checkbox"></i>
  • <i class="ion-android-checkbox-blank"></i>
  • <i class="ion-android-checkbox-outline"></i>
  • <i class="ion-android-checkbox-outline-blank"></i>
  • <i class="ion-android-checkmark-circle"></i>
  • <i class="ion-android-clipboard"></i>
  • <i class="ion-android-close"></i>
  • <i class="ion-android-cloud"></i>
  • <i class="ion-android-cloud-circle"></i>
  • <i class="ion-android-cloud-done"></i>
  • <i class="ion-android-cloud-outline"></i>
  • <i class="ion-android-color-palette"></i>
  • <i class="ion-android-compass"></i>
  • <i class="ion-android-contact"></i>
  • <i class="ion-android-contacts"></i>
  • <i class="ion-android-contract"></i>
  • <i class="ion-android-create"></i>
  • <i class="ion-android-delete"></i>
  • <i class="ion-android-desktop"></i>
  • <i class="ion-android-document"></i>
  • <i class="ion-android-done"></i>
  • <i class="ion-android-done-all"></i>
  • <i class="ion-android-download"></i>
  • <i class="ion-android-drafts"></i>
  • <i class="ion-android-exit"></i>
  • <i class="ion-android-expand"></i>
  • <i class="ion-android-favorite"></i>
  • <i class="ion-android-favorite-outline"></i>
  • <i class="ion-android-film"></i>
  • <i class="ion-android-folder"></i>
  • <i class="ion-android-folder-open"></i>
  • <i class="ion-android-funnel"></i>
  • <i class="ion-android-globe"></i>
  • <i class="ion-android-hand"></i>
  • <i class="ion-android-hangout"></i>
  • <i class="ion-android-happy"></i>
  • <i class="ion-android-home"></i>
  • <i class="ion-android-image"></i>
  • <i class="ion-android-laptop"></i>
  • <i class="ion-android-list"></i>
  • <i class="ion-android-locate"></i>
  • <i class="ion-android-lock"></i>
  • <i class="ion-android-mail"></i>
  • <i class="ion-android-map"></i>
  • <i class="ion-android-menu"></i>
  • <i class="ion-android-microphone"></i>
  • <i class="ion-android-microphone-off"></i>
  • <i class="ion-android-more-horizontal"></i>
  • <i class="ion-android-more-vertical"></i>
  • <i class="ion-android-navigate"></i>
  • <i class="ion-android-notifications"></i>
  • <i class="ion-android-notifications-none"></i>
  • <i class="ion-android-notifications-off"></i>
  • <i class="ion-android-open"></i>
  • <i class="ion-android-options"></i>
  • <i class="ion-android-people"></i>
  • <i class="ion-android-person"></i>
  • <i class="ion-android-person-add"></i>
  • <i class="ion-android-phone-landscape"></i>
  • <i class="ion-android-phone-portrait"></i>
  • <i class="ion-android-pin"></i>
  • <i class="ion-android-plane"></i>
  • <i class="ion-android-playstore"></i>
  • <i class="ion-android-print"></i>
  • <i class="ion-android-radio-button-off"></i>
  • <i class="ion-android-radio-button-on"></i>
  • <i class="ion-android-refresh"></i>
  • <i class="ion-android-remove"></i>
  • <i class="ion-android-remove-circle"></i>
  • <i class="ion-android-restaurant"></i>
  • <i class="ion-android-sad"></i>
  • <i class="ion-android-search"></i>
  • <i class="ion-android-send"></i>
  • <i class="ion-android-settings"></i>
  • <i class="ion-android-share"></i>
  • <i class="ion-android-share-alt"></i>
  • <i class="ion-android-star"></i>
  • <i class="ion-android-star-half"></i>
  • <i class="ion-android-star-outline"></i>
  • <i class="ion-android-stopwatch"></i>
  • <i class="ion-android-subway"></i>
  • <i class="ion-android-sunny"></i>
  • <i class="ion-android-sync"></i>
  • <i class="ion-android-textsms"></i>
  • <i class="ion-android-time"></i>
  • <i class="ion-android-train"></i>
  • <i class="ion-android-unlock"></i>
  • <i class="ion-android-upload"></i>
  • <i class="ion-android-volume-down"></i>
  • <i class="ion-android-volume-mute"></i>
  • <i class="ion-android-volume-off"></i>
  • <i class="ion-android-volume-up"></i>
  • <i class="ion-android-walk"></i>
  • <i class="ion-android-warning"></i>
  • <i class="ion-android-watch"></i>
  • <i class="ion-android-wifi"></i>
  • <i class="ion-aperture"></i>
  • <i class="ion-archive"></i>
  • <i class="ion-arrow-down-a"></i>
  • <i class="ion-arrow-down-b"></i>
  • <i class="ion-arrow-down-c"></i>
  • <i class="ion-arrow-expand"></i>
  • <i class="ion-arrow-graph-down-left"></i>
  • <i class="ion-arrow-graph-down-right"></i>
  • <i class="ion-arrow-graph-up-left"></i>
  • <i class="ion-arrow-graph-up-right"></i>
  • <i class="ion-arrow-left-a"></i>
  • <i class="ion-arrow-left-b"></i>
  • <i class="ion-arrow-left-c"></i>
  • <i class="ion-arrow-move"></i>
  • <i class="ion-arrow-resize"></i>
  • <i class="ion-arrow-return-left"></i>
  • <i class="ion-arrow-return-right"></i>
  • <i class="ion-arrow-right-a"></i>
  • <i class="ion-arrow-right-b"></i>
  • <i class="ion-arrow-right-c"></i>
  • <i class="ion-arrow-shrink"></i>
  • <i class="ion-arrow-swap"></i>
  • <i class="ion-arrow-up-a"></i>
  • <i class="ion-arrow-up-b"></i>
  • <i class="ion-arrow-up-c"></i>
  • <i class="ion-asterisk"></i>
  • <i class="ion-at"></i>
  • <i class="ion-backspace"></i>
  • <i class="ion-backspace-outline"></i>
  • <i class="ion-bag"></i>
  • <i class="ion-battery-charging"></i>
  • <i class="ion-battery-empty"></i>
  • <i class="ion-battery-full"></i>
  • <i class="ion-battery-half"></i>
  • <i class="ion-battery-low"></i>
  • <i class="ion-beaker"></i>
  • <i class="ion-beer"></i>
  • <i class="ion-bluetooth"></i>
  • <i class="ion-bonfire"></i>
  • <i class="ion-bookmark"></i>
  • <i class="ion-bowtie"></i>
  • <i class="ion-briefcase"></i>
  • <i class="ion-bug"></i>
  • <i class="ion-calculator"></i>
  • <i class="ion-calendar"></i>
  • <i class="ion-camera"></i>
  • <i class="ion-card"></i>
  • <i class="ion-cash"></i>
  • <i class="ion-chatbox"></i>
  • <i class="ion-chatbox-working"></i>
  • <i class="ion-chatboxes"></i>
  • <i class="ion-chatbubble"></i>
  • <i class="ion-chatbubble-working"></i>
  • <i class="ion-chatbubbles"></i>
  • <i class="ion-checkmark"></i>
  • <i class="ion-checkmark-circled"></i>
  • <i class="ion-checkmark-round"></i>
  • <i class="ion-chevron-down"></i>
  • <i class="ion-chevron-left"></i>
  • <i class="ion-chevron-right"></i>
  • <i class="ion-chevron-up"></i>
  • <i class="ion-clipboard"></i>
  • <i class="ion-clock"></i>
  • <i class="ion-close"></i>
  • <i class="ion-close-circled"></i>
  • <i class="ion-close-round"></i>
  • <i class="ion-closed-captioning"></i>
  • <i class="ion-cloud"></i>
  • <i class="ion-code"></i>
  • <i class="ion-code-download"></i>
  • <i class="ion-code-working"></i>
  • <i class="ion-coffee"></i>
  • <i class="ion-compass"></i>
  • <i class="ion-compose"></i>
  • <i class="ion-connection-bars"></i>
  • <i class="ion-contrast"></i>
  • <i class="ion-crop"></i>
  • <i class="ion-cube"></i>
  • <i class="ion-disc"></i>
  • <i class="ion-document"></i>
  • <i class="ion-document-text"></i>
  • <i class="ion-drag"></i>
  • <i class="ion-earth"></i>
  • <i class="ion-easel"></i>
  • <i class="ion-edit"></i>
  • <i class="ion-egg"></i>
  • <i class="ion-eject"></i>
  • <i class="ion-email"></i>
  • <i class="ion-email-unread"></i>
  • <i class="ion-erlenmeyer-flask"></i>
  • <i class="ion-erlenmeyer-flask-bubbles"></i>
  • <i class="ion-eye"></i>
  • <i class="ion-eye-disabled"></i>
  • <i class="ion-female"></i>
  • <i class="ion-filing"></i>
  • <i class="ion-film-marker"></i>
  • <i class="ion-fireball"></i>
  • <i class="ion-flag"></i>
  • <i class="ion-flame"></i>
  • <i class="ion-flash"></i>
  • <i class="ion-flash-off"></i>
  • <i class="ion-folder"></i>
  • <i class="ion-fork"></i>
  • <i class="ion-fork-repo"></i>
  • <i class="ion-forward"></i>
  • <i class="ion-funnel"></i>
  • <i class="ion-gear-a"></i>
  • <i class="ion-gear-b"></i>
  • <i class="ion-grid"></i>
  • <i class="ion-hammer"></i>
  • <i class="ion-happy"></i>
  • <i class="ion-happy-outline"></i>
  • <i class="ion-headphone"></i>
  • <i class="ion-heart"></i>
  • <i class="ion-heart-broken"></i>
  • <i class="ion-help"></i>
  • <i class="ion-help-buoy"></i>
  • <i class="ion-help-circled"></i>
  • <i class="ion-home"></i>
  • <i class="ion-icecream"></i>
  • <i class="ion-image"></i>
  • <i class="ion-images"></i>
  • <i class="ion-information"></i>
  • <i class="ion-information-circled"></i>
  • <i class="ion-ionic"></i>
  • <i class="ion-ios-alarm"></i>
  • <i class="ion-ios-alarm-outline"></i>
  • <i class="ion-ios-albums"></i>
  • <i class="ion-ios-albums-outline"></i>
  • <i class="ion-ios-americanfootball"></i>
  • <i class="ion-ios-americanfootball-outline"></i>
  • <i class="ion-ios-analytics"></i>
  • <i class="ion-ios-analytics-outline"></i>
  • <i class="ion-ios-arrow-back"></i>
  • <i class="ion-ios-arrow-down"></i>
  • <i class="ion-ios-arrow-forward"></i>
  • <i class="ion-ios-arrow-left"></i>
  • <i class="ion-ios-arrow-right"></i>
  • <i class="ion-ios-arrow-thin-down"></i>
  • <i class="ion-ios-arrow-thin-left"></i>
  • <i class="ion-ios-arrow-thin-right"></i>
  • <i class="ion-ios-arrow-thin-up"></i>
  • <i class="ion-ios-arrow-up"></i>
  • <i class="ion-ios-at"></i>
  • <i class="ion-ios-at-outline"></i>
  • <i class="ion-ios-barcode"></i>
  • <i class="ion-ios-barcode-outline"></i>
  • <i class="ion-ios-baseball"></i>
  • <i class="ion-ios-baseball-outline"></i>
  • <i class="ion-ios-basketball"></i>
  • <i class="ion-ios-basketball-outline"></i>
  • <i class="ion-ios-bell"></i>
  • <i class="ion-ios-bell-outline"></i>
  • <i class="ion-ios-body"></i>
  • <i class="ion-ios-body-outline"></i>
  • <i class="ion-ios-bolt"></i>
  • <i class="ion-ios-bolt-outline"></i>
  • <i class="ion-ios-book"></i>
  • <i class="ion-ios-book-outline"></i>
  • <i class="ion-ios-bookmarks"></i>
  • <i class="ion-ios-bookmarks-outline"></i>
  • <i class="ion-ios-box"></i>
  • <i class="ion-ios-box-outline"></i>
  • <i class="ion-ios-briefcase"></i>
  • <i class="ion-ios-briefcase-outline"></i>
  • <i class="ion-ios-browsers"></i>
  • <i class="ion-ios-browsers-outline"></i>
  • <i class="ion-ios-calculator"></i>
  • <i class="ion-ios-calculator-outline"></i>
  • <i class="ion-ios-calendar"></i>
  • <i class="ion-ios-calendar-outline"></i>
  • <i class="ion-ios-camera"></i>
  • <i class="ion-ios-camera-outline"></i>
  • <i class="ion-ios-cart"></i>
  • <i class="ion-ios-cart-outline"></i>
  • <i class="ion-ios-chatboxes"></i>
  • <i class="ion-ios-chatboxes-outline"></i>
  • <i class="ion-ios-chatbubble"></i>
  • <i class="ion-ios-chatbubble-outline"></i>
  • <i class="ion-ios-checkmark"></i>
  • <i class="ion-ios-checkmark-empty"></i>
  • <i class="ion-ios-checkmark-outline"></i>
  • <i class="ion-ios-circle-filled"></i>
  • <i class="ion-ios-circle-outline"></i>
  • <i class="ion-ios-clock"></i>
  • <i class="ion-ios-clock-outline"></i>
  • <i class="ion-ios-close"></i>
  • <i class="ion-ios-close-empty"></i>
  • <i class="ion-ios-close-outline"></i>
  • <i class="ion-ios-cloud"></i>
  • <i class="ion-ios-cloud-download"></i>
  • <i class="ion-ios-cloud-download-outline"></i>
  • <i class="ion-ios-cloud-outline"></i>
  • <i class="ion-ios-cloud-upload"></i>
  • <i class="ion-ios-cloud-upload-outline"></i>
  • <i class="ion-ios-cloudy"></i>
  • <i class="ion-ios-cloudy-night"></i>
  • <i class="ion-ios-cloudy-night-outline"></i>
  • <i class="ion-ios-cloudy-outline"></i>
  • <i class="ion-ios-cog"></i>
  • <i class="ion-ios-cog-outline"></i>
  • <i class="ion-ios-color-filter"></i>
  • <i class="ion-ios-color-filter-outline"></i>
  • <i class="ion-ios-color-wand"></i>
  • <i class="ion-ios-color-wand-outline"></i>
  • <i class="ion-ios-compose"></i>
  • <i class="ion-ios-compose-outline"></i>
  • <i class="ion-ios-contact"></i>
  • <i class="ion-ios-contact-outline"></i>
  • <i class="ion-ios-copy"></i>
  • <i class="ion-ios-copy-outline"></i>
  • <i class="ion-ios-crop"></i>
  • <i class="ion-ios-crop-strong"></i>
  • <i class="ion-ios-download"></i>
  • <i class="ion-ios-download-outline"></i>
  • <i class="ion-ios-drag"></i>
  • <i class="ion-ios-email"></i>
  • <i class="ion-ios-email-outline"></i>
  • <i class="ion-ios-eye"></i>
  • <i class="ion-ios-eye-outline"></i>
  • <i class="ion-ios-fastforward"></i>
  • <i class="ion-ios-fastforward-outline"></i>
  • <i class="ion-ios-filing"></i>
  • <i class="ion-ios-filing-outline"></i>
  • <i class="ion-ios-film"></i>
  • <i class="ion-ios-film-outline"></i>
  • <i class="ion-ios-flag"></i>
  • <i class="ion-ios-flag-outline"></i>
  • <i class="ion-ios-flame"></i>
  • <i class="ion-ios-flame-outline"></i>
  • <i class="ion-ios-flask"></i>
  • <i class="ion-ios-flask-outline"></i>
  • <i class="ion-ios-flower"></i>
  • <i class="ion-ios-flower-outline"></i>
  • <i class="ion-ios-folder"></i>
  • <i class="ion-ios-folder-outline"></i>
  • <i class="ion-ios-football"></i>
  • <i class="ion-ios-football-outline"></i>
  • <i class="ion-ios-game-controller-a"></i>
  • <i class="ion-ios-game-controller-a-outline"></i>
  • <i class="ion-ios-game-controller-b"></i>
  • <i class="ion-ios-game-controller-b-outline"></i>
  • <i class="ion-ios-gear"></i>
  • <i class="ion-ios-gear-outline"></i>
  • <i class="ion-ios-glasses"></i>
  • <i class="ion-ios-glasses-outline"></i>
  • <i class="ion-ios-grid-view"></i>
  • <i class="ion-ios-grid-view-outline"></i>
  • <i class="ion-ios-heart"></i>
  • <i class="ion-ios-heart-outline"></i>
  • <i class="ion-ios-help"></i>
  • <i class="ion-ios-help-empty"></i>
  • <i class="ion-ios-help-outline"></i>
  • <i class="ion-ios-home"></i>
  • <i class="ion-ios-home-outline"></i>
  • <i class="ion-ios-infinite"></i>
  • <i class="ion-ios-infinite-outline"></i>
  • <i class="ion-ios-information"></i>
  • <i class="ion-ios-information-empty"></i>
  • <i class="ion-ios-information-outline"></i>
  • <i class="ion-ios-ionic-outline"></i>
  • <i class="ion-ios-keypad"></i>
  • <i class="ion-ios-keypad-outline"></i>
  • <i class="ion-ios-lightbulb"></i>
  • <i class="ion-ios-lightbulb-outline"></i>
  • <i class="ion-ios-list"></i>
  • <i class="ion-ios-list-outline"></i>
  • <i class="ion-ios-location"></i>
  • <i class="ion-ios-location-outline"></i>
  • <i class="ion-ios-locked"></i>
  • <i class="ion-ios-locked-outline"></i>
  • <i class="ion-ios-loop"></i>
  • <i class="ion-ios-loop-strong"></i>
  • <i class="ion-ios-medical"></i>
  • <i class="ion-ios-medical-outline"></i>
  • <i class="ion-ios-medkit"></i>
  • <i class="ion-ios-medkit-outline"></i>
  • <i class="ion-ios-mic"></i>
  • <i class="ion-ios-mic-off"></i>
  • <i class="ion-ios-mic-outline"></i>
  • <i class="ion-ios-minus"></i>
  • <i class="ion-ios-minus-empty"></i>
  • <i class="ion-ios-minus-outline"></i>
  • <i class="ion-ios-monitor"></i>
  • <i class="ion-ios-monitor-outline"></i>
  • <i class="ion-ios-moon"></i>
  • <i class="ion-ios-moon-outline"></i>
  • <i class="ion-ios-more"></i>
  • <i class="ion-ios-more-outline"></i>
  • <i class="ion-ios-musical-note"></i>
  • <i class="ion-ios-musical-notes"></i>
  • <i class="ion-ios-navigate"></i>
  • <i class="ion-ios-navigate-outline"></i>
  • <i class="ion-ios-nutrition"></i>
  • <i class="ion-ios-nutrition-outline"></i>
  • <i class="ion-ios-paper"></i>
  • <i class="ion-ios-paper-outline"></i>
  • <i class="ion-ios-paperplane"></i>
  • <i class="ion-ios-paperplane-outline"></i>
  • <i class="ion-ios-partlysunny"></i>
  • <i class="ion-ios-partlysunny-outline"></i>
  • <i class="ion-ios-pause"></i>
  • <i class="ion-ios-pause-outline"></i>
  • <i class="ion-ios-paw"></i>
  • <i class="ion-ios-paw-outline"></i>
  • <i class="ion-ios-people"></i>
  • <i class="ion-ios-people-outline"></i>
  • <i class="ion-ios-person"></i>
  • <i class="ion-ios-person-outline"></i>
  • <i class="ion-ios-personadd"></i>
  • <i class="ion-ios-personadd-outline"></i>
  • <i class="ion-ios-photos"></i>
  • <i class="ion-ios-photos-outline"></i>
  • <i class="ion-ios-pie"></i>
  • <i class="ion-ios-pie-outline"></i>
  • <i class="ion-ios-pint"></i>
  • <i class="ion-ios-pint-outline"></i>
  • <i class="ion-ios-play"></i>
  • <i class="ion-ios-play-outline"></i>
  • <i class="ion-ios-plus"></i>
  • <i class="ion-ios-plus-empty"></i>
  • <i class="ion-ios-plus-outline"></i>
  • <i class="ion-ios-pricetag"></i>
  • <i class="ion-ios-pricetag-outline"></i>
  • <i class="ion-ios-pricetags"></i>
  • <i class="ion-ios-pricetags-outline"></i>
  • <i class="ion-ios-printer"></i>
  • <i class="ion-ios-printer-outline"></i>
  • <i class="ion-ios-pulse"></i>
  • <i class="ion-ios-pulse-strong"></i>
  • <i class="ion-ios-rainy"></i>
  • <i class="ion-ios-rainy-outline"></i>
  • <i class="ion-ios-recording"></i>
  • <i class="ion-ios-recording-outline"></i>
  • <i class="ion-ios-redo"></i>
  • <i class="ion-ios-redo-outline"></i>
  • <i class="ion-ios-refresh"></i>
  • <i class="ion-ios-refresh-empty"></i>
  • <i class="ion-ios-refresh-outline"></i>
  • <i class="ion-ios-reload"></i>
  • <i class="ion-ios-reverse-camera"></i>
  • <i class="ion-ios-reverse-camera-outline"></i>
  • <i class="ion-ios-rewind"></i>
  • <i class="ion-ios-rewind-outline"></i>
  • <i class="ion-ios-rose"></i>
  • <i class="ion-ios-rose-outline"></i>
  • <i class="ion-ios-search"></i>
  • <i class="ion-ios-search-strong"></i>
  • <i class="ion-ios-settings"></i>
  • <i class="ion-ios-settings-strong"></i>
  • <i class="ion-ios-shuffle"></i>
  • <i class="ion-ios-shuffle-strong"></i>
  • <i class="ion-ios-skipbackward"></i>
  • <i class="ion-ios-skipbackward-outline"></i>
  • <i class="ion-ios-skipforward"></i>
  • <i class="ion-ios-skipforward-outline"></i>
  • <i class="ion-ios-snowy"></i>
  • <i class="ion-ios-speedometer"></i>
  • <i class="ion-ios-speedometer-outline"></i>
  • <i class="ion-ios-star"></i>
  • <i class="ion-ios-star-half"></i>
  • <i class="ion-ios-star-outline"></i>
  • <i class="ion-ios-stopwatch"></i>
  • <i class="ion-ios-stopwatch-outline"></i>
  • <i class="ion-ios-sunny"></i>
  • <i class="ion-ios-sunny-outline"></i>
  • <i class="ion-ios-telephone"></i>
  • <i class="ion-ios-telephone-outline"></i>
  • <i class="ion-ios-tennisball"></i>
  • <i class="ion-ios-tennisball-outline"></i>
  • <i class="ion-ios-thunderstorm"></i>
  • <i class="ion-ios-thunderstorm-outline"></i>
  • <i class="ion-ios-time"></i>
  • <i class="ion-ios-time-outline"></i>
  • <i class="ion-ios-timer"></i>
  • <i class="ion-ios-timer-outline"></i>
  • <i class="ion-ios-toggle"></i>
  • <i class="ion-ios-toggle-outline"></i>
  • <i class="ion-ios-trash"></i>
  • <i class="ion-ios-trash-outline"></i>
  • <i class="ion-ios-undo"></i>
  • <i class="ion-ios-undo-outline"></i>
  • <i class="ion-ios-unlocked"></i>
  • <i class="ion-ios-unlocked-outline"></i>
  • <i class="ion-ios-upload"></i>
  • <i class="ion-ios-upload-outline"></i>
  • <i class="ion-ios-videocam"></i>
  • <i class="ion-ios-videocam-outline"></i>
  • <i class="ion-ios-volume-high"></i>
  • <i class="ion-ios-volume-low"></i>
  • <i class="ion-ios-wineglass"></i>
  • <i class="ion-ios-wineglass-outline"></i>
  • <i class="ion-ios-world"></i>
  • <i class="ion-ios-world-outline"></i>
  • <i class="ion-ipad"></i>
  • <i class="ion-iphone"></i>
  • <i class="ion-ipod"></i>
  • <i class="ion-jet"></i>
  • <i class="ion-key"></i>
  • <i class="ion-knife"></i>
  • <i class="ion-laptop"></i>
  • <i class="ion-leaf"></i>
  • <i class="ion-levels"></i>
  • <i class="ion-lightbulb"></i>
  • <i class="ion-link"></i>
  • <i class="ion-load-a"></i>
  • <i class="ion-load-b"></i>
  • <i class="ion-load-c"></i>
  • <i class="ion-load-d"></i>
  • <i class="ion-location"></i>
  • <i class="ion-lock-combination"></i>
  • <i class="ion-locked"></i>
  • <i class="ion-log-in"></i>
  • <i class="ion-log-out"></i>
  • <i class="ion-loop"></i>
  • <i class="ion-magnet"></i>
  • <i class="ion-male"></i>
  • <i class="ion-man"></i>
  • <i class="ion-map"></i>
  • <i class="ion-medkit"></i>
  • <i class="ion-merge"></i>
  • <i class="ion-mic-a"></i>
  • <i class="ion-mic-b"></i>
  • <i class="ion-mic-c"></i>
  • <i class="ion-minus"></i>
  • <i class="ion-minus-circled"></i>
  • <i class="ion-minus-round"></i>
  • <i class="ion-model-s"></i>
  • <i class="ion-monitor"></i>
  • <i class="ion-more"></i>
  • <i class="ion-mouse"></i>
  • <i class="ion-music-note"></i>
  • <i class="ion-navicon"></i>
  • <i class="ion-navicon-round"></i>
  • <i class="ion-navigate"></i>
  • <i class="ion-network"></i>
  • <i class="ion-no-smoking"></i>
  • <i class="ion-nuclear"></i>
  • <i class="ion-outlet"></i>
  • <i class="ion-paintbrush"></i>
  • <i class="ion-paintbucket"></i>
  • <i class="ion-paper-airplane"></i>
  • <i class="ion-paperclip"></i>
  • <i class="ion-pause"></i>
  • <i class="ion-person"></i>
  • <i class="ion-person-add"></i>
  • <i class="ion-person-stalker"></i>
  • <i class="ion-pie-graph"></i>
  • <i class="ion-pin"></i>
  • <i class="ion-pinpoint"></i>
  • <i class="ion-pizza"></i>
  • <i class="ion-plane"></i>
  • <i class="ion-planet"></i>
  • <i class="ion-play"></i>
  • <i class="ion-playstation"></i>
  • <i class="ion-plus"></i>
  • <i class="ion-plus-circled"></i>
  • <i class="ion-plus-round"></i>
  • <i class="ion-podium"></i>
  • <i class="ion-pound"></i>
  • <i class="ion-power"></i>
  • <i class="ion-pricetag"></i>
  • <i class="ion-pricetags"></i>
  • <i class="ion-printer"></i>
  • <i class="ion-pull-request"></i>
  • <i class="ion-qr-scanner"></i>
  • <i class="ion-quote"></i>
  • <i class="ion-radio-waves"></i>
  • <i class="ion-record"></i>
  • <i class="ion-refresh"></i>
  • <i class="ion-reply"></i>
  • <i class="ion-reply-all"></i>
  • <i class="ion-ribbon-a"></i>
  • <i class="ion-ribbon-b"></i>
  • <i class="ion-sad"></i>
  • <i class="ion-sad-outline"></i>
  • <i class="ion-scissors"></i>
  • <i class="ion-search"></i>
  • <i class="ion-settings"></i>
  • <i class="ion-share"></i>
  • <i class="ion-shuffle"></i>
  • <i class="ion-skip-backward"></i>
  • <i class="ion-skip-forward"></i>
  • <i class="ion-social-android"></i>
  • <i class="ion-social-android-outline"></i>
  • <i class="ion-social-angular"></i>
  • <i class="ion-social-angular-outline"></i>
  • <i class="ion-social-apple"></i>
  • <i class="ion-social-apple-outline"></i>
  • <i class="ion-social-bitcoin"></i>
  • <i class="ion-social-bitcoin-outline"></i>
  • <i class="ion-social-buffer"></i>
  • <i class="ion-social-buffer-outline"></i>
  • <i class="ion-social-chrome"></i>
  • <i class="ion-social-chrome-outline"></i>
  • <i class="ion-social-codepen"></i>
  • <i class="ion-social-codepen-outline"></i>
  • <i class="ion-social-css3"></i>
  • <i class="ion-social-css3-outline"></i>
  • <i class="ion-social-designernews"></i>
  • <i class="ion-social-designernews-outline"></i>
  • <i class="ion-social-dribbble"></i>
  • <i class="ion-social-dribbble-outline"></i>
  • <i class="ion-social-dropbox"></i>
  • <i class="ion-social-dropbox-outline"></i>
  • <i class="ion-social-euro"></i>
  • <i class="ion-social-euro-outline"></i>
  • <i class="ion-social-facebook"></i>
  • <i class="ion-social-facebook-outline"></i>
  • <i class="ion-social-foursquare"></i>
  • <i class="ion-social-foursquare-outline"></i>
  • <i class="ion-social-freebsd-devil"></i>
  • <i class="ion-social-github"></i>
  • <i class="ion-social-github-outline"></i>
  • <i class="ion-social-google"></i>
  • <i class="ion-social-google-outline"></i>
  • <i class="ion-social-googleplus"></i>
  • <i class="ion-social-googleplus-outline"></i>
  • <i class="ion-social-hackernews"></i>
  • <i class="ion-social-hackernews-outline"></i>
  • <i class="ion-social-html5"></i>
  • <i class="ion-social-html5-outline"></i>
  • <i class="ion-social-instagram"></i>
  • <i class="ion-social-instagram-outline"></i>
  • <i class="ion-social-javascript"></i>
  • <i class="ion-social-javascript-outline"></i>
  • <i class="ion-social-linkedin"></i>
  • <i class="ion-social-linkedin-outline"></i>
  • <i class="ion-social-markdown"></i>
  • <i class="ion-social-nodejs"></i>
  • <i class="ion-social-octocat"></i>
  • <i class="ion-social-pinterest"></i>
  • <i class="ion-social-pinterest-outline"></i>
  • <i class="ion-social-python"></i>
  • <i class="ion-social-reddit"></i>
  • <i class="ion-social-reddit-outline"></i>
  • <i class="ion-social-rss"></i>
  • <i class="ion-social-rss-outline"></i>
  • <i class="ion-social-sass"></i>
  • <i class="ion-social-skype"></i>
  • <i class="ion-social-skype-outline"></i>
  • <i class="ion-social-snapchat"></i>
  • <i class="ion-social-snapchat-outline"></i>
  • <i class="ion-social-tumblr"></i>
  • <i class="ion-social-tumblr-outline"></i>
  • <i class="ion-social-tux"></i>
  • <i class="ion-social-twitch"></i>
  • <i class="ion-social-twitch-outline"></i>
  • <i class="ion-social-twitter"></i>
  • <i class="ion-social-twitter-outline"></i>
  • <i class="ion-social-usd"></i>
  • <i class="ion-social-usd-outline"></i>
  • <i class="ion-social-vimeo"></i>
  • <i class="ion-social-vimeo-outline"></i>
  • <i class="ion-social-whatsapp"></i>
  • <i class="ion-social-whatsapp-outline"></i>
  • <i class="ion-social-windows"></i>
  • <i class="ion-social-windows-outline"></i>
  • <i class="ion-social-wordpress"></i>
  • <i class="ion-social-wordpress-outline"></i>
  • <i class="ion-social-yahoo"></i>
  • <i class="ion-social-yahoo-outline"></i>
  • <i class="ion-social-yen"></i>
  • <i class="ion-social-yen-outline"></i>
  • <i class="ion-social-youtube"></i>
  • <i class="ion-social-youtube-outline"></i>
  • <i class="ion-soup-can"></i>
  • <i class="ion-soup-can-outline"></i>
  • <i class="ion-speakerphone"></i>
  • <i class="ion-speedometer"></i>
  • <i class="ion-spoon"></i>
  • <i class="ion-star"></i>
  • <i class="ion-stats-bars"></i>
  • <i class="ion-steam"></i>
  • <i class="ion-stop"></i>
  • <i class="ion-thermometer"></i>
  • <i class="ion-thumbsdown"></i>
  • <i class="ion-thumbsup"></i>
  • <i class="ion-toggle"></i>
  • <i class="ion-toggle-filled"></i>
  • <i class="ion-transgender"></i>
  • <i class="ion-trash-a"></i>
  • <i class="ion-trash-b"></i>
  • <i class="ion-trophy"></i>
  • <i class="ion-tshirt"></i>
  • <i class="ion-tshirt-outline"></i>
  • <i class="ion-umbrella"></i>
  • <i class="ion-university"></i>
  • <i class="ion-unlocked"></i>
  • <i class="ion-upload"></i>
  • <i class="ion-usb"></i>
  • <i class="ion-videocamera"></i>
  • <i class="ion-volume-high"></i>
  • <i class="ion-volume-low"></i>
  • <i class="ion-volume-medium"></i>
  • <i class="ion-volume-mute"></i>
  • <i class="ion-wand"></i>
  • <i class="ion-waterdrop"></i>
  • <i class="ion-wifi"></i>
  • <i class="ion-wineglass"></i>
  • <i class="ion-woman"></i>
  • <i class="ion-wrench"></i>
  • <i class="ion-xbox"></i>

Awesome Features

Beginner + developer friendly
Free Lifetime Upgrades
Fully Responsive
About Us

Making the web a prettier place one template at a time! We make beautiful, quality, responsive Drupal & web templates!

Find out more
Contact Us

019223 8092344

info@themelize.me

Sunshine House, Sunville. SUN12 8LU.

Colour Options

AppStrap comes with 11 pre-defined colour options which are shown below.

You can easily switch colours doing one of the following:

  1. via the config colourScheme option
  2. or via ./src/scss/_variables.scss defining a preset colour or by defining your own.


Cookies are NOT enabled so colour selection is not persistent.

To main homepage

To admin homepage

To intro page