text:
<!DOCTYPE html>

    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Ionic makes it incredibly easy to build beautiful and interactive mobile apps using HTML5 and AngularJS.">
<meta name="keywords" content="html5,javascript,mobile,drifty,ionic,hybrid,phonegap,cordova,native,ios,android,angularjs">
<meta name="author" content="Drifty">
<meta property="og:image" content="http://ionicframework.com/img/ionic-logo-blog.png"/>

    <title>Ionic 2 | Ionicons - Ionic 2 Developer Preview -  Ionic Framework</title>

    <link href="/css/site.css?16" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="/docs/v2/ionicons/css/ionicons.min.css">

      <button type="button" class="navbar-toggle button ionic" data-toggle="collapse" data-target=".navbar-ex1-collapse">

      </button>

Getting Started

Docs

Support

Blog 1

Forum

          More

Ionic Platform

Showcase

Job Board

Market

Ionic Worldwide

Playground

Creator

Shop

Ionicons - Ionic 2

Ionic 2 Developer Preview

          Check out our Guide, which covers all the basics of setting up.

  <input type="search" id="search-input" value="Search">

API

Resources

                Overview

                Getting Started

                Guide

                UI

                Theming

                Utilities

                Plugins

                  API

                Resources

undo

  ios-undo

  ios-undo-outline

  md-undo

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon undo></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-undo" md="ion-md-undo"></icon>

social-github

  social-github

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-github></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-github" md="ion-social-github"></icon>

code

  ios-code

  md-code

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon code></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-code" md="ion-md-code"></icon>

arrow-dropright

  ios-arrow-dropright

  md-arrow-dropright

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-dropright></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-dropright" md="ion-md-arrow-dropright"></icon>

american-football

  ios-american-football

  ios-american-football-outline

  md-american-football

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon american-football></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-american-football" md="ion-md-american-football"></icon>

text

  ios-text

  ios-text-outline

  md-text

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon text></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-text" md="ion-md-text"></icon>

laptop

  ios-laptop

  md-laptop

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon laptop></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-laptop" md="ion-md-laptop"></icon>

move

  ios-move

  md-move

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon move></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-move" md="ion-md-move"></icon>

help-circle

  ios-help-circle

  ios-help-circle-outline

  md-help-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon help-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-help-circle" md="ion-md-help-circle"></icon>

social-hackernews

  social-hackernews

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-hackernews></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-hackernews" md="ion-social-hackernews"></icon>

transgender

  ios-transgender

  md-transgender

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon transgender></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-transgender" md="ion-md-transgender"></icon>

watch

  ios-watch

  md-watch

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon watch></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-watch" md="ion-md-watch"></icon>

social-instagram

  social-instagram

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-instagram></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-instagram" md="ion-social-instagram"></icon>

browsers

  ios-browsers

  ios-browsers-outline

  md-browsers

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon browsers></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-browsers" md="ion-md-browsers"></icon>

color-filter

  ios-color-filter

  ios-color-filter-outline

  md-color-filter

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon color-filter></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-color-filter" md="ion-md-color-filter"></icon>

arrow-dropdown-circle

  ios-arrow-dropdown-circle

  md-arrow-dropdown-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-dropdown-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-dropdown-circle" md="ion-md-arrow-dropdown-circle"></icon>

log-out

  ios-log-out

  md-log-out

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon log-out></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-log-out" md="ion-md-log-out"></icon>

arrow-dropleft-circle

  ios-arrow-dropleft-circle

  md-arrow-dropleft-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-dropleft-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-dropleft-circle" md="ion-md-arrow-dropleft-circle"></icon>

recording

  ios-recording

  ios-recording-outline

  md-recording

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon recording></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-recording" md="ion-md-recording"></icon>

swap

  ios-swap

  md-swap

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon swap></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-swap" md="ion-md-swap"></icon>

information-circle

  ios-information-circle

  ios-information-circle-outline

  md-information-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon information-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-information-circle" md="ion-md-information-circle"></icon>

help

  ios-help

  md-help

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon help></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-help" md="ion-md-help"></icon>

refresh-circle

  ios-refresh-circle

  ios-refresh-circle-outline

  md-refresh-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon refresh-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-refresh-circle" md="ion-md-refresh-circle"></icon>

cut

  ios-cut

  ios-cut-outline

  md-cut

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cut></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cut" md="ion-md-cut"></icon>

cloud-circle

  ios-cloud-circle

  ios-cloud-circle-outline

  md-cloud-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cloud-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cloud-circle" md="ion-md-cloud-circle"></icon>

flask

  ios-flask

  ios-flask-outline

  md-flask

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon flask></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-flask" md="ion-md-flask"></icon>

menu

  ios-menu

  ios-menu-outline

  md-menu

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon menu></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-menu" md="ion-md-menu"></icon>

flash

  ios-flash

  ios-flash-outline

  md-flash

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon flash></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-flash" md="ion-md-flash"></icon>

send

  ios-send

  ios-send-outline

  md-send

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon send></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-send" md="ion-md-send"></icon>

desktop

  ios-desktop

  ios-desktop-outline

  md-desktop

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon desktop></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-desktop" md="ion-md-desktop"></icon>

social-codepen

  social-codepen

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-codepen></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-codepen" md="ion-social-codepen"></icon>

add

  ios-add

  md-add

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon add></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-add" md="ion-md-add"></icon>

mail-open

  ios-mail-open

  ios-mail-open-outline

  md-mail-open

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon mail-open></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-mail-open" md="ion-md-mail-open"></icon>

arrow-round-down

  ios-arrow-round-down

  md-arrow-round-down

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-round-down></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-round-down" md="ion-md-arrow-round-down"></icon>

volume-down

  ios-volume-down

  md-volume-down

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon volume-down></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-volume-down" md="ion-md-volume-down"></icon>

stopwatch

  ios-stopwatch

  ios-stopwatch-outline

  md-stopwatch

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon stopwatch></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-stopwatch" md="ion-md-stopwatch"></icon>

exit

  ios-exit

  ios-exit-outline

  md-exit

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon exit></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-exit" md="ion-md-exit"></icon>

folder

  ios-folder

  ios-folder-outline

  md-folder

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon folder></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-folder" md="ion-md-folder"></icon>

arrow-round-up

  ios-arrow-round-up

  md-arrow-round-up

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-round-up></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-round-up" md="ion-md-arrow-round-up"></icon>

arrow-dropdown

  ios-arrow-dropdown

  md-arrow-dropdown

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-dropdown></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-dropdown" md="ion-md-arrow-dropdown"></icon>

social-windows

  social-windows

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-windows></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-windows" md="ion-social-windows"></icon>

magnet

  ios-magnet

  ios-magnet-outline

  md-magnet

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon magnet></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-magnet" md="ion-md-magnet"></icon>

social-twitter

  social-twitter

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-twitter></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-twitter" md="ion-social-twitter"></icon>

cube

  ios-cube

  ios-cube-outline

  md-cube

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cube></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cube" md="ion-md-cube"></icon>

battery-dead

  ios-battery-dead

  md-battery-dead

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon battery-dead></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-battery-dead" md="ion-md-battery-dead"></icon>

social-skype

  social-skype

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-skype></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-skype" md="ion-social-skype"></icon>

notifications-off

  ios-notifications-off

  ios-notifications-off-outline

  md-notifications-off

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon notifications-off></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-notifications-off" md="ion-md-notifications-off"></icon>

rewind

  ios-rewind

  ios-rewind-outline

  md-rewind

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon rewind></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-rewind" md="ion-md-rewind"></icon>

sunny

  ios-sunny

  ios-sunny-outline

  md-sunny

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon sunny></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-sunny" md="ion-md-sunny"></icon>

contacts

  ios-contacts

  ios-contacts-outline

  md-contacts

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon contacts></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-contacts" md="ion-md-contacts"></icon>

remove-circle

  ios-remove-circle

  ios-remove-circle-outline

  md-remove-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon remove-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-remove-circle" md="ion-md-remove-circle"></icon>

volume-up

  ios-volume-up

  md-volume-up

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon volume-up></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-volume-up" md="ion-md-volume-up"></icon>

social-vimeo

  social-vimeo

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-vimeo></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-vimeo" md="ion-social-vimeo"></icon>

easel

  ios-easel

  ios-easel-outline

  md-easel

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon easel></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-easel" md="ion-md-easel"></icon>

appstore

  ios-appstore

  ios-appstore-outline

  md-appstore

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon appstore></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-appstore" md="ion-md-appstore"></icon>

outlet

  ios-outlet

  ios-outlet-outline

  md-outlet

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon outlet></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-outlet" md="ion-md-outlet"></icon>

compass

  ios-compass

  ios-compass-outline

  md-compass

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon compass></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-compass" md="ion-md-compass"></icon>

social-tumblr

  social-tumblr

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-tumblr></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-tumblr" md="ion-social-tumblr"></icon>

cloud-download

  ios-cloud-download

  ios-cloud-download-outline

  md-cloud-download

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cloud-download></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cloud-download" md="ion-md-cloud-download"></icon>

trophy

  ios-trophy

  ios-trophy-outline

  md-trophy

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon trophy></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-trophy" md="ion-md-trophy"></icon>

social-xbox

  social-xbox

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-xbox></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-xbox" md="ion-social-xbox"></icon>

musical-notes

  ios-musical-notes

  ios-musical-notes-outline

  md-musical-notes

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon musical-notes></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-musical-notes" md="ion-md-musical-notes"></icon>

school

  ios-school

  ios-school-outline

  md-school

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon school></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-school" md="ion-md-school"></icon>

document

  ios-document

  ios-document-outline

  md-document

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon document></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-document" md="ion-md-document"></icon>

settings

  ios-settings

  ios-settings-outline

  md-settings

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon settings></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-settings" md="ion-md-settings"></icon>

social-playstation

  social-playstation

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-playstation></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-playstation" md="ion-social-playstation"></icon>

list

  ios-list

  md-list

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon list></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-list" md="ion-md-list"></icon>

cloudy

  ios-cloudy

  ios-cloudy-outline

  md-cloudy

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cloudy></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cloudy" md="ion-md-cloudy"></icon>

social-sass

  social-sass

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-sass></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-sass" md="ion-social-sass"></icon>

git-pull-request

  ios-git-pull-request

  md-git-pull-request

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon git-pull-request></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-git-pull-request" md="ion-md-git-pull-request"></icon>

pricetags

  ios-pricetags

  ios-pricetags-outline

  md-pricetags

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon pricetags></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-pricetags" md="ion-md-pricetags"></icon>

list-box

  ios-list-box

  ios-list-box-outline

  md-list-box

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon list-box></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-list-box" md="ion-md-list-box"></icon>

disc

  ios-disc

  ios-disc-outline

  md-disc

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon disc></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-disc" md="ion-md-disc"></icon>

subway

  ios-subway

  ios-subway-outline

  md-subway

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon subway></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-subway" md="ion-md-subway"></icon>

social-css3

  social-css3

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-css3></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-css3" md="ion-social-css3"></icon>

radio

  ios-radio

  ios-radio-outline

  md-radio

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon radio></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-radio" md="ion-md-radio"></icon>

ionitron

  ios-ionitron

  ios-ionitron-outline

  md-ionitron

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon ionitron></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-ionitron" md="ion-md-ionitron"></icon>

pizza

  ios-pizza

  ios-pizza-outline

  md-pizza

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon pizza></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-pizza" md="ion-md-pizza"></icon>

add-circle

  ios-add-circle

  ios-add-circle-outline

  md-add-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon add-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-add-circle" md="ion-md-add-circle"></icon>

refresh

  ios-refresh

  md-refresh

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon refresh></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-refresh" md="ion-md-refresh"></icon>

bonfire

  ios-bonfire

  ios-bonfire-outline

  md-bonfire

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon bonfire></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-bonfire" md="ion-md-bonfire"></icon>

glasses

  ios-glasses

  ios-glasses-outline

  md-glasses

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon glasses></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-glasses" md="ion-md-glasses"></icon>

social-apple

  social-apple

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-apple></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-apple" md="ion-social-apple"></icon>

locate

  ios-locate

  ios-locate-outline

  md-locate

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon locate></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-locate" md="ion-md-locate"></icon>

arrow-down

  ios-arrow-down

  md-arrow-down

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-down></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-down" md="ion-md-arrow-down"></icon>

social-html5

  social-html5

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-html5></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-html5" md="ion-social-html5"></icon>

bicycle

  ios-bicycle

  md-bicycle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon bicycle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-bicycle" md="ion-md-bicycle"></icon>

keypad

  ios-keypad

  ios-keypad-outline

  md-keypad

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon keypad></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-keypad" md="ion-md-keypad"></icon>

map

  ios-map

  ios-map-outline

  md-map

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon map></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-map" md="ion-md-map"></icon>

volume-off

  ios-volume-off

  md-volume-off

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon volume-off></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-volume-off" md="ion-md-volume-off"></icon>

closed-captioning

  ios-closed-captioning

  ios-closed-captioning-outline

  md-closed-captioning

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon closed-captioning></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-closed-captioning" md="ion-md-closed-captioning"></icon>

battery-full

  ios-battery-full

  md-battery-full

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon battery-full></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-battery-full" md="ion-md-battery-full"></icon>

mic-off

  ios-mic-off

  ios-mic-off-outline

  md-mic-off

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon mic-off></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-mic-off" md="ion-md-mic-off"></icon>

arrow-dropright-circle

  ios-arrow-dropright-circle

  md-arrow-dropright-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-dropright-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-dropright-circle" md="ion-md-arrow-dropright-circle"></icon>

bluetooth

  ios-bluetooth

  md-bluetooth

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon bluetooth></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-bluetooth" md="ion-md-bluetooth"></icon>

videocam

  ios-videocam

  ios-videocam-outline

  md-videocam

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon videocam></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-videocam" md="ion-md-videocam"></icon>

analytics

  ios-analytics

  ios-analytics-outline

  md-analytics

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon analytics></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-analytics" md="ion-md-analytics"></icon>

create

  ios-create

  ios-create-outline

  md-create

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon create></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-create" md="ion-md-create"></icon>

repeat

  ios-repeat

  md-repeat

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon repeat></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-repeat" md="ion-md-repeat"></icon>

paper-plane

  ios-paper-plane

  ios-paper-plane-outline

  md-paper-plane

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon paper-plane></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-paper-plane" md="ion-md-paper-plane"></icon>

git-network

  ios-git-network

  md-git-network

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon git-network></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-git-network" md="ion-md-git-network"></icon>

arrow-forward

  ios-arrow-forward

  md-arrow-forward

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-forward></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-forward" md="ion-md-arrow-forward"></icon>

remove

  ios-remove

  md-remove

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon remove></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-remove" md="ion-md-remove"></icon>

download

  ios-download

  ios-download-outline

  md-download

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon download></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-download" md="ion-md-download"></icon>

close

  ios-close

  md-close

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon close></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-close" md="ion-md-close"></icon>

calendar

  ios-calendar

  ios-calendar-outline

  md-calendar

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon calendar></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-calendar" md="ion-md-calendar"></icon>

social-tux

  social-tux

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-tux></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-tux" md="ion-social-tux"></icon>

hammer

  ios-hammer

  ios-hammer-outline

  md-hammer

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon hammer></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-hammer" md="ion-md-hammer"></icon>

social-markdown

  social-markdown

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-markdown></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-markdown" md="ion-social-markdown"></icon>

ribbon

  ios-ribbon

  ios-ribbon-outline

  md-ribbon

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon ribbon></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-ribbon" md="ion-md-ribbon"></icon>

social-android

  social-android

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-android></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-android" md="ion-social-android"></icon>

headset

  ios-headset

  ios-headset-outline

  md-headset

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon headset></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-headset" md="ion-md-headset"></icon>

flower

  ios-flower

  ios-flower-outline

  md-flower

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon flower></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-flower" md="ion-md-flower"></icon>

leaf

  ios-leaf

  ios-leaf-outline

  md-leaf

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon leaf></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-leaf" md="ion-md-leaf"></icon>

social-google

  social-google

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-google></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-google" md="ion-social-google"></icon>

fastforward

  ios-fastforward

  ios-fastforward-outline

  md-fastforward

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon fastforward></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-fastforward" md="ion-md-fastforward"></icon>

clock

  ios-clock

  ios-clock-outline

  md-clock

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon clock></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-clock" md="ion-md-clock"></icon>

nuclear

  ios-nuclear

  ios-nuclear-outline

  md-nuclear

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon nuclear></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-nuclear" md="ion-md-nuclear"></icon>

redo

  ios-redo

  ios-redo-outline

  md-redo

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon redo></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-redo" md="ion-md-redo"></icon>

pulse

  ios-pulse

  ios-pulse-outline

  md-pulse

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon pulse></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-pulse" md="ion-md-pulse"></icon>

moon

  ios-moon

  ios-moon-outline

  md-moon

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon moon></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-moon" md="ion-md-moon"></icon>

reverse-camera

  ios-reverse-camera

  ios-reverse-camera-outline

  md-reverse-camera

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon reverse-camera></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-reverse-camera" md="ion-md-reverse-camera"></icon>

clipboard

  ios-clipboard

  ios-clipboard-outline

  md-clipboard

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon clipboard></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-clipboard" md="ion-md-clipboard"></icon>

backspace

  ios-backspace

  ios-backspace-outline

  md-backspace

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon backspace></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-backspace" md="ion-md-backspace"></icon>

cloud

  ios-cloud

  ios-cloud-outline

  md-cloud

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cloud></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cloud" md="ion-md-cloud"></icon>

print

  ios-print

  ios-print-outline

  md-print

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon print></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-print" md="ion-md-print"></icon>

social-usd

  social-usd

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-usd></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-usd" md="ion-social-usd"></icon>

social-nodejs

  social-nodejs

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-nodejs></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-nodejs" md="ion-social-nodejs"></icon>

contrast

  ios-contrast

  md-contrast

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon contrast></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-contrast" md="ion-md-contrast"></icon>

return-left

  ios-return-left

  md-return-left

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon return-left></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-return-left" md="ion-md-return-left"></icon>

body

  ios-body

  ios-body-outline

  md-body

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon body></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-body" md="ion-md-body"></icon>

umbrella

  ios-umbrella

  ios-umbrella-outline

  md-umbrella

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon umbrella></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-umbrella" md="ion-md-umbrella"></icon>

code-download

  ios-code-download

  md-code-download

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon code-download></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-code-download" md="ion-md-code-download"></icon>

power

  ios-power

  ios-power-outline

  md-power

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon power></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-power" md="ion-md-power"></icon>

bowtie

  ios-bowtie

  ios-bowtie-outline

  md-bowtie

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon bowtie></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-bowtie" md="ion-md-bowtie"></icon>

git-compare

  ios-git-compare

  md-git-compare

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon git-compare></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-git-compare" md="ion-md-git-compare"></icon>

barcode

  ios-barcode

  ios-barcode-outline

  md-barcode

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon barcode></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-barcode" md="ion-md-barcode"></icon>

cart

  ios-cart

  ios-cart-outline

  md-cart

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cart></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cart" md="ion-md-cart"></icon>

thunderstorm

  ios-thunderstorm

  ios-thunderstorm-outline

  md-thunderstorm

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon thunderstorm></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-thunderstorm" md="ion-md-thunderstorm"></icon>

paper

  ios-paper

  ios-paper-outline

  md-paper

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon paper></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-paper" md="ion-md-paper"></icon>

medkit

  ios-medkit

  ios-medkit-outline

  md-medkit

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon medkit></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-medkit" md="ion-md-medkit"></icon>

pause

  ios-pause

  ios-pause-outline

  md-pause

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon pause></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-pause" md="ion-md-pause"></icon>

baseball

  ios-baseball

  ios-baseball-outline

  md-baseball

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon baseball></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-baseball" md="ion-md-baseball"></icon>

social-freebsd-devil

  social-freebsd-devil

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-freebsd-devil></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-freebsd-devil" md="ion-social-freebsd-devil"></icon>

key

  ios-key

  ios-key-outline

  md-key

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon key></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-key" md="ion-md-key"></icon>

eye-off

  ios-eye-off

  ios-eye-off-outline

  md-eye-off

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon eye-off></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-eye-off" md="ion-md-eye-off"></icon>

social-pinterest

  social-pinterest

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-pinterest></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-pinterest" md="ion-social-pinterest"></icon>

hand

  ios-hand

  ios-hand-outline

  md-hand

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon hand></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-hand" md="ion-md-hand"></icon>

social-euro

  social-euro

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-euro></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-euro" md="ion-social-euro"></icon>

card

  ios-card

  ios-card-outline

  md-card

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon card></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-card" md="ion-md-card"></icon>

beaker

  ios-beaker

  ios-beaker-outline

  md-beaker

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon beaker></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-beaker" md="ion-md-beaker"></icon>

water

  ios-water

  ios-water-outline

  md-water

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon water></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-water" md="ion-md-water"></icon>

search

  ios-search

  ios-search-outline

  md-search

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon search></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-search" md="ion-md-search"></icon>

git-merge

  ios-git-merge

  md-git-merge

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon git-merge></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-git-merge" md="ion-md-git-merge"></icon>

restaurant

  ios-restaurant

  ios-restaurant-outline

  md-restaurant

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon restaurant></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-restaurant" md="ion-md-restaurant"></icon>

help-buoy

  ios-help-buoy

  ios-help-buoy-outline

  md-help-buoy

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon help-buoy></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-help-buoy" md="ion-md-help-buoy"></icon>

close-circle

  ios-close-circle

  ios-close-circle-outline

  md-close-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon close-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-close-circle" md="ion-md-close-circle"></icon>

contract

  ios-contract

  md-contract

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon contract></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-contract" md="ion-md-contract"></icon>

checkbox

  ios-checkbox

  ios-checkbox-outline

  md-checkbox

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon checkbox></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-checkbox" md="ion-md-checkbox"></icon>

trending-up

  ios-trending-up

  md-trending-up

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon trending-up></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-trending-up" md="ion-md-trending-up"></icon>

social-angular

  social-angular

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-angular></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-angular" md="ion-social-angular"></icon>

person

  ios-person

  ios-person-outline

  md-person

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon person></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-person" md="ion-md-person"></icon>

tennisball

  ios-tennisball

  ios-tennisball-outline

  md-tennisball

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon tennisball></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-tennisball" md="ion-md-tennisball"></icon>

social-yahoo

  social-yahoo

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-yahoo></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-yahoo" md="ion-social-yahoo"></icon>

cog

  ios-cog

  ios-cog-outline

  md-cog

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cog></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cog" md="ion-md-cog"></icon>

rose

  ios-rose

  ios-rose-outline

  md-rose

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon rose></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-rose" md="ion-md-rose"></icon>

wifi

  ios-wifi

  ios-wifi-outline

  md-wifi

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon wifi></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-wifi" md="ion-md-wifi"></icon>

social-facebook

  social-facebook

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-facebook></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-facebook" md="ion-social-facebook"></icon>

ionic

  ios-ionic

  ios-ionic-outline

  md-ionic

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon ionic></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-ionic" md="ion-md-ionic"></icon>

checkmark

  ios-checkmark

  md-checkmark

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon checkmark></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-checkmark" md="ion-md-checkmark"></icon>

social-linkedin

  social-linkedin

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-linkedin></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-linkedin" md="ion-social-linkedin"></icon>

phone-portrait

  ios-phone-portrait

  md-phone-portrait

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon phone-portrait></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-phone-portrait" md="ion-md-phone-portrait"></icon>

shuffle

  ios-shuffle

  md-shuffle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon shuffle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-shuffle" md="ion-md-shuffle"></icon>

mail

  ios-mail

  ios-mail-outline

  md-mail

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon mail></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-mail" md="ion-md-mail"></icon>

image

  ios-image

  ios-image-outline

  md-image

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon image></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-image" md="ion-md-image"></icon>

arrow-round-forward

  ios-arrow-round-forward

  md-arrow-round-forward

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-round-forward></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-round-forward" md="ion-md-arrow-round-forward"></icon>

thumbs-down

  ios-thumbs-down

  ios-thumbs-down-outline

  md-thumbs-down

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon thumbs-down></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-thumbs-down" md="ion-md-thumbs-down"></icon>

volume-mute

  ios-volume-mute

  md-volume-mute

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon volume-mute></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-volume-mute" md="ion-md-volume-mute"></icon>

sync

  ios-sync

  md-sync

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon sync></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-sync" md="ion-md-sync"></icon>

no-smoking

  ios-no-smoking

  ios-no-smoking-outline

  md-no-smoking

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon no-smoking></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-no-smoking" md="ion-md-no-smoking"></icon>

social-reddit

  social-reddit

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-reddit></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-reddit" md="ion-social-reddit"></icon>

brush

  ios-brush

  ios-brush-outline

  md-brush

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon brush></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-brush" md="ion-md-brush"></icon>

female

  ios-female

  md-female

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon female></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-female" md="ion-md-female"></icon>

tablet-landscape

  ios-tablet-landscape

  md-tablet-landscape

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon tablet-landscape></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-tablet-landscape" md="ion-md-tablet-landscape"></icon>

ice-cream

  ios-ice-cream

  ios-ice-cream-outline

  md-ice-cream

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon ice-cream></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-ice-cream" md="ion-md-ice-cream"></icon>

bookmarks

  ios-bookmarks

  ios-bookmarks-outline

  md-bookmarks

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon bookmarks></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-bookmarks" md="ion-md-bookmarks"></icon>

sad

  ios-sad

  ios-sad-outline

  md-sad

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon sad></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-sad" md="ion-md-sad"></icon>

open

  ios-open

  ios-open-outline

  md-open

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon open></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-open" md="ion-md-open"></icon>

train

  ios-train

  ios-train-outline

  md-train

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon train></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-train" md="ion-md-train"></icon>

boat

  ios-boat

  ios-boat-outline

  md-boat

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon boat></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-boat" md="ion-md-boat"></icon>

return-right

  ios-return-right

  md-return-right

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon return-right></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-return-right" md="ion-md-return-right"></icon>

unlock

  ios-unlock

  ios-unlock-outline

  md-unlock

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon unlock></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-unlock" md="ion-md-unlock"></icon>

thumbs-up

  ios-thumbs-up

  ios-thumbs-up-outline

  md-thumbs-up

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon thumbs-up></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-thumbs-up" md="ion-md-thumbs-up"></icon>

basketball

  ios-basketball

  ios-basketball-outline

  md-basketball

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon basketball></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-basketball" md="ion-md-basketball"></icon>

eye

  ios-eye

  ios-eye-outline

  md-eye

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon eye></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-eye" md="ion-md-eye"></icon>

radio-button-off

  ios-radio-button-off

  md-radio-button-off

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon radio-button-off></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-radio-button-off" md="ion-md-radio-button-off"></icon>

jet

  ios-jet

  ios-jet-outline

  md-jet

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon jet></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-jet" md="ion-md-jet"></icon>

social-whatsapp

  social-whatsapp

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-whatsapp></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-whatsapp" md="ion-social-whatsapp"></icon>

bookmark

  ios-bookmark

  ios-bookmark-outline

  md-bookmark

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon bookmark></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-bookmark" md="ion-md-bookmark"></icon>

arrow-dropup-circle

  ios-arrow-dropup-circle

  md-arrow-dropup-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-dropup-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-dropup-circle" md="ion-md-arrow-dropup-circle"></icon>

people

  ios-people

  ios-people-outline

  md-people

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon people></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-people" md="ion-md-people"></icon>

apps

  ios-apps

  ios-apps-outline

  md-apps

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon apps></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-apps" md="ion-md-apps"></icon>

social-chrome

  social-chrome

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-chrome></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-chrome" md="ion-social-chrome"></icon>

construct

  ios-construct

  ios-construct-outline

  md-construct

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon construct></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-construct" md="ion-md-construct"></icon>

attach

  ios-attach

  md-attach

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon attach></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-attach" md="ion-md-attach"></icon>

beer

  ios-beer

  ios-beer-outline

  md-beer

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon beer></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-beer" md="ion-md-beer"></icon>

camera

  ios-camera

  ios-camera-outline

  md-camera

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon camera></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-camera" md="ion-md-camera"></icon>

call

  ios-call

  ios-call-outline

  md-call

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon call></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-call" md="ion-md-call"></icon>

navigate

  ios-navigate

  ios-navigate-outline

  md-navigate

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon navigate></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-navigate" md="ion-md-navigate"></icon>

aperture

  ios-aperture

  ios-aperture-outline

  md-aperture

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon aperture></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-aperture" md="ion-md-aperture"></icon>

arrow-round-back

  ios-arrow-round-back

  md-arrow-round-back

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-round-back></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-round-back" md="ion-md-arrow-round-back"></icon>

megaphone

  ios-megaphone

  ios-megaphone-outline

  md-megaphone

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon megaphone></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-megaphone" md="ion-md-megaphone"></icon>

globe

  ios-globe

  ios-globe-outline

  md-globe

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon globe></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-globe" md="ion-md-globe"></icon>

reorder

  ios-reorder

  md-reorder

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon reorder></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-reorder" md="ion-md-reorder"></icon>

happy

  ios-happy

  ios-happy-outline

  md-happy

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon happy></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-happy" md="ion-md-happy"></icon>

nutrition

  ios-nutrition

  ios-nutrition-outline

  md-nutrition

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon nutrition></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-nutrition" md="ion-md-nutrition"></icon>

funnel

  ios-funnel

  ios-funnel-outline

  md-funnel

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon funnel></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-funnel" md="ion-md-funnel"></icon>

partly-sunny

  ios-partly-sunny

  ios-partly-sunny-outline

  md-partly-sunny

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon partly-sunny></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-partly-sunny" md="ion-md-partly-sunny"></icon>

social-foursquare

  social-foursquare

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-foursquare></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-foursquare" md="ion-social-foursquare"></icon>

bus

  ios-bus

  ios-bus-outline

  md-bus

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon bus></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-bus" md="ion-md-bus"></icon>

social-dribbble

  social-dribbble

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-dribbble></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-dribbble" md="ion-social-dribbble"></icon>

color-wand

  ios-color-wand

  ios-color-wand-outline

  md-color-wand

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon color-wand></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-color-wand" md="ion-md-color-wand"></icon>

social-snapchat

  social-snapchat

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-snapchat></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-snapchat" md="ion-social-snapchat"></icon>

notifications

  ios-notifications

  ios-notifications-outline

  md-notifications

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon notifications></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-notifications" md="ion-md-notifications"></icon>

flag

  ios-flag

  ios-flag-outline

  md-flag

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon flag></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-flag" md="ion-md-flag"></icon>

social-yen

  social-yen

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-yen></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-yen" md="ion-social-yen"></icon>

link

  ios-link

  ios-link-outline

  md-link

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon link></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-link" md="ion-md-link"></icon>

crop

  ios-crop

  ios-crop-outline

  md-crop

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon crop></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-crop" md="ion-md-crop"></icon>

git-branch

  ios-git-branch

  md-git-branch

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon git-branch></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-git-branch" md="ion-md-git-branch"></icon>

social-youtube

  social-youtube

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-youtube></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-youtube" md="ion-social-youtube"></icon>

bulb

  ios-bulb

  ios-bulb-outline

  md-bulb

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon bulb></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-bulb" md="ion-md-bulb"></icon>

albums

  ios-albums

  ios-albums-outline

  md-albums

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon albums></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-albums" md="ion-md-albums"></icon>

copy

  ios-copy

  ios-copy-outline

  md-copy

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon copy></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-copy" md="ion-md-copy"></icon>

bug

  ios-bug

  ios-bug-outline

  md-bug

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon bug></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-bug" md="ion-md-bug"></icon>

resize

  ios-resize

  md-resize

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon resize></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-resize" md="ion-md-resize"></icon>

battery-charging

  ios-battery-charging

  md-battery-charging

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon battery-charging></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-battery-charging" md="ion-md-battery-charging"></icon>

play

  ios-play

  ios-play-outline

  md-play

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon play></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-play" md="ion-md-play"></icon>

woman

  ios-woman

  ios-woman-outline

  md-woman

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon woman></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-woman" md="ion-md-woman"></icon>

thermometer

  ios-thermometer

  ios-thermometer-outline

  md-thermometer

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon thermometer></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-thermometer" md="ion-md-thermometer"></icon>

skip-backward

  ios-skip-backward

  ios-skip-backward-outline

  md-skip-backward

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon skip-backward></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-skip-backward" md="ion-md-skip-backward"></icon>

pricetag

  ios-pricetag

  ios-pricetag-outline

  md-pricetag

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon pricetag></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-pricetag" md="ion-md-pricetag"></icon>

car

  ios-car

  ios-car-outline

  md-car

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon car></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-car" md="ion-md-car"></icon>

radio-button-on

  ios-radio-button-on

  md-radio-button-on

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon radio-button-on></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-radio-button-on" md="ion-md-radio-button-on"></icon>

cash

  ios-cash

  ios-cash-outline

  md-cash

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cash></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cash" md="ion-md-cash"></icon>

skip-forward

  ios-skip-forward

  ios-skip-forward-outline

  md-skip-forward

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon skip-forward></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-skip-forward" md="ion-md-skip-forward"></icon>

planet

  ios-planet

  ios-planet-outline

  md-planet

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon planet></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-planet" md="ion-md-planet"></icon>

warning

  ios-warning

  ios-warning-outline

  md-warning

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon warning></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-warning" md="ion-md-warning"></icon>

flame

  ios-flame

  ios-flame-outline

  md-flame

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon flame></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-flame" md="ion-md-flame"></icon>

social-dropbox

  social-dropbox

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-dropbox></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-dropbox" md="ion-social-dropbox"></icon>

cloud-done

  ios-cloud-done

  ios-cloud-done-outline

  md-cloud-done

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cloud-done></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cloud-done" md="ion-md-cloud-done"></icon>

social-wordpress

  social-wordpress

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-wordpress></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-wordpress" md="ion-social-wordpress"></icon>

chatbubbles

  ios-chatbubbles

  ios-chatbubbles-outline

  md-chatbubbles

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon chatbubbles></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-chatbubbles" md="ion-md-chatbubbles"></icon>

tablet-portrait

  ios-tablet-portrait

  md-tablet-portrait

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon tablet-portrait></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-tablet-portrait" md="ion-md-tablet-portrait"></icon>

male

  ios-male

  md-male

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon male></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-male" md="ion-md-male"></icon>

medical

  ios-medical

  ios-medical-outline

  md-medical

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon medical></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-medical" md="ion-md-medical"></icon>

finger-print

  ios-finger-print

  md-finger-print

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon finger-print></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-finger-print" md="ion-md-finger-print"></icon>

heart

  ios-heart

  ios-heart-outline

  md-heart

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon heart></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-heart" md="ion-md-heart"></icon>

social-steam

  social-steam

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-steam></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-steam" md="ion-social-steam"></icon>

arrow-up

  ios-arrow-up

  md-arrow-up

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-up></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-up" md="ion-md-arrow-up"></icon>

pin

  ios-pin

  ios-pin-outline

  md-pin

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon pin></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-pin" md="ion-md-pin"></icon>

chatboxes

  ios-chatboxes

  ios-chatboxes-outline

  md-chatboxes

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon chatboxes></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-chatboxes" md="ion-md-chatboxes"></icon>

lock

  ios-lock

  ios-lock-outline

  md-lock

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon lock></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-lock" md="ion-md-lock"></icon>

calculator

  ios-calculator

  ios-calculator-outline

  md-calculator

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon calculator></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-calculator" md="ion-md-calculator"></icon>

star-half

  ios-star-half

  md-star-half

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon star-half></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-star-half" md="ion-md-star-half"></icon>

share

  ios-share

  ios-share-outline

  md-share

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon share></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-share" md="ion-md-share"></icon>

pie

  ios-pie

  ios-pie-outline

  md-pie

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon pie></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-pie" md="ion-md-pie"></icon>

phone-landscape

  ios-phone-landscape

  md-phone-landscape

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon phone-landscape></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-phone-landscape" md="ion-md-phone-landscape"></icon>

images

  ios-images

  ios-images-outline

  md-images

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon images></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-images" md="ion-md-images"></icon>

social-octocat

  social-octocat

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-octocat></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-octocat" md="ion-social-octocat"></icon>

at

  ios-at

  ios-at-outline

  md-at

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon at></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-at" md="ion-md-at"></icon>

home

  ios-home

  ios-home-outline

  md-home

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon home></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-home" md="ion-md-home"></icon>

arrow-dropup

  ios-arrow-dropup

  md-arrow-dropup

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-dropup></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-dropup" md="ion-md-arrow-dropup"></icon>

social-googleplus

  social-googleplus

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-googleplus></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-googleplus" md="ion-social-googleplus"></icon>

cafe

  ios-cafe

  ios-cafe-outline

  md-cafe

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cafe></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cafe" md="ion-md-cafe"></icon>

archive

  ios-archive

  ios-archive-outline

  md-archive

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon archive></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-archive" md="ion-md-archive"></icon>

film

  ios-film

  ios-film-outline

  md-film

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon film></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-film" md="ion-md-film"></icon>

git-commit

  ios-git-commit

  md-git-commit

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon git-commit></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-git-commit" md="ion-md-git-commit"></icon>

information

  ios-information

  md-information

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon information></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-information" md="ion-md-information"></icon>

microphone

  ios-microphone

  ios-microphone-outline

  md-microphone

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon microphone></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-microphone" md="ion-md-microphone"></icon>

shirt

  ios-shirt

  ios-shirt-outline

  md-shirt

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon shirt></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-shirt" md="ion-md-shirt"></icon>

paw

  ios-paw

  ios-paw-outline

  md-paw

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon paw></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-paw" md="ion-md-paw"></icon>

social-python

  social-python

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-python></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-python" md="ion-social-python"></icon>

mic

  ios-mic

  ios-mic-outline

  md-mic

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon mic></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-mic" md="ion-md-mic"></icon>

game-controller-a

  ios-game-controller-a

  ios-game-controller-a-outline

  md-game-controller-a

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon game-controller-a></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-game-controller-a" md="ion-md-game-controller-a"></icon>

snow

  ios-snow

  md-snow

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon snow></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-snow" md="ion-md-snow"></icon>

game-controller-b

  ios-game-controller-b

  ios-game-controller-b-outline

  md-game-controller-b

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon game-controller-b></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-game-controller-b" md="ion-md-game-controller-b"></icon>

walk

  ios-walk

  md-walk

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon walk></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-walk" md="ion-md-walk"></icon>

book

  ios-book

  ios-book-outline

  md-book

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon book></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-book" md="ion-md-book"></icon>

square

  ios-square

  ios-square-outline

  md-square

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon square></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-square" md="ion-md-square"></icon>

build

  ios-build

  ios-build-outline

  md-build

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon build></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-build" md="ion-md-build"></icon>

arrow-back

  ios-arrow-back

  md-arrow-back

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-back></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-back" md="ion-md-arrow-back"></icon>

social-rss

  social-rss

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-rss></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-rss" md="ion-social-rss"></icon>

more

  ios-more

  ios-more-outline

  md-more

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon more></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-more" md="ion-md-more"></icon>

cloud-upload

  ios-cloud-upload

  ios-cloud-upload-outline

  md-cloud-upload

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cloud-upload></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cloud-upload" md="ion-md-cloud-upload"></icon>

pint

  ios-pint

  ios-pint-outline

  md-pint

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon pint></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-pint" md="ion-md-pint"></icon>

cloudy-night

  ios-cloudy-night

  ios-cloudy-night-outline

  md-cloudy-night

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon cloudy-night></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-cloudy-night" md="ion-md-cloudy-night"></icon>

arrow-dropleft

  ios-arrow-dropleft

  md-arrow-dropleft

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon arrow-dropleft></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-arrow-dropleft" md="ion-md-arrow-dropleft"></icon>

person-add

  ios-person-add

  ios-person-add-outline

  md-person-add

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon person-add></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-person-add" md="ion-md-person-add"></icon>

star

  ios-star

  ios-star-outline

  md-star

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon star></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-star" md="ion-md-star"></icon>

briefcase

  ios-briefcase

  ios-briefcase-outline

  md-briefcase

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon briefcase></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-briefcase" md="ion-md-briefcase"></icon>

musical-note

  ios-musical-note

  ios-musical-note-outline

  md-musical-note

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon musical-note></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-musical-note" md="ion-md-musical-note"></icon>

quote

  ios-quote

  ios-quote-outline

  md-quote

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon quote></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-quote" md="ion-md-quote"></icon>

qr-scanner

  ios-qr-scanner

  md-qr-scanner

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon qr-scanner></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-qr-scanner" md="ion-md-qr-scanner"></icon>

football

  ios-football

  ios-football-outline

  md-football

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon football></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-football" md="ion-md-football"></icon>

rainy

  ios-rainy

  ios-rainy-outline

  md-rainy

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon rainy></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-rainy" md="ion-md-rainy"></icon>

done-all

  ios-done-all

  md-done-all

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon done-all></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-done-all" md="ion-md-done-all"></icon>

alert

  ios-alert

  ios-alert-outline

  md-alert

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon alert></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-alert" md="ion-md-alert"></icon>

podium

  ios-podium

  ios-podium-outline

  md-podium

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon podium></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-podium" md="ion-md-podium"></icon>

plane

  ios-plane

  ios-plane-outline

  md-plane

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon plane></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-plane" md="ion-md-plane"></icon>

timer

  ios-timer

  ios-timer-outline

  md-timer

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon timer></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-timer" md="ion-md-timer"></icon>

infinite

  ios-infinite

  ios-infinite-outline

  md-infinite

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon infinite></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-infinite" md="ion-md-infinite"></icon>

stats

  ios-stats

  ios-stats-outline

  md-stats

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon stats></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-stats" md="ion-md-stats"></icon>

social-bitcoin

  social-bitcoin

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-bitcoin></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-bitcoin" md="ion-social-bitcoin"></icon>

medal

  ios-medal

  ios-medal-outline

  md-medal

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon medal></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-medal" md="ion-md-medal"></icon>

social-javascript

  social-javascript

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-javascript></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-javascript" md="ion-social-javascript"></icon>

expand

  ios-expand

  md-expand

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon expand></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-expand" md="ion-md-expand"></icon>

man

  ios-man

  ios-man-outline

  md-man

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon man></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-man" md="ion-md-man"></icon>

checkmark-circle

  ios-checkmark-circle

  ios-checkmark-circle-outline

  md-checkmark-circle

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon checkmark-circle></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-checkmark-circle" md="ion-md-checkmark-circle"></icon>

code-working

  ios-code-working

  md-code-working

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon code-working></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-code-working" md="ion-md-code-working"></icon>

photos

  ios-photos

  ios-photos-outline

  md-photos

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon photos></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-photos" md="ion-md-photos"></icon>

trending-down

  ios-trending-down

  md-trending-down

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon trending-down></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-trending-down" md="ion-md-trending-down"></icon>

alarm

  ios-alarm

  ios-alarm-outline

  md-alarm

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon alarm></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-alarm" md="ion-md-alarm"></icon>

color-fill

  ios-color-fill

  ios-color-fill-outline

  md-color-fill

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon color-fill></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-color-fill" md="ion-md-color-fill"></icon>

share-alt

  ios-share-alt

  ios-share-alt-outline

  md-share-alt

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon share-alt></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-share-alt" md="ion-md-share-alt"></icon>

color-palette

  ios-color-palette

  ios-color-palette-outline

  md-color-palette

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon color-palette></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-color-palette" md="ion-md-color-palette"></icon>

options

  ios-options

  ios-options-outline

  md-options

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon options></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-options" md="ion-md-options"></icon>

folder-open

  ios-folder-open

  ios-folder-open-outline

  md-folder-open

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon folder-open></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-folder-open" md="ion-md-folder-open"></icon>

switch

  ios-switch

  ios-switch-outline

  md-switch

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon switch></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-switch" md="ion-md-switch"></icon>

contact

  ios-contact

  ios-contact-outline

  md-contact

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon contact></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-contact" md="ion-md-contact"></icon>

log-in

  ios-log-in

  md-log-in

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon log-in></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-log-in" md="ion-md-log-in"></icon>

social-twitch

  social-twitch

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-twitch></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-twitch" md="ion-social-twitch"></icon>

trash

  ios-trash

  ios-trash-outline

  md-trash

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon trash></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-trash" md="ion-md-trash"></icon>

time

  ios-time

  ios-time-outline

  md-time

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon time></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-time" md="ion-md-time"></icon>

basket

  ios-basket

  ios-basket-outline

  md-basket

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon basket></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-basket" md="ion-md-basket"></icon>

grid

  ios-grid

  ios-grid-outline

  md-grid

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon grid></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-grid" md="ion-md-grid"></icon>

social-designernews

  social-designernews

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-designernews></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-designernews" md="ion-social-designernews"></icon>

speedometer

  ios-speedometer

  ios-speedometer-outline

  md-speedometer

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon speedometer></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-speedometer" md="ion-md-speedometer"></icon>

egg

  ios-egg

  ios-egg-outline

  md-egg

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon egg></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-egg" md="ion-md-egg"></icon>

filing

  ios-filing

  ios-filing-outline

  md-filing

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon filing></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-filing" md="ion-md-filing"></icon>

social-buffer

  social-buffer

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon social-buffer></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-social-buffer" md="ion-social-buffer"></icon>

wine

  ios-wine

  ios-wine-outline

  md-wine

Usage:

<!--Basic: auto-select the icon based on the platform -->
<icon wine></icon>

<!-- Advanced: explicity set the icon for each platform -->
<icon ios="ion-ios-wine" md="ion-md-wine"></icon>

  <input id="search-ionicons" type="search" placeholder="Search">

Name

iOS

iOS-Outline

Material Design

  <input type="text" id="icon-name" onclick="this.select();" readonly>

See all animated icons

            Getting started

            Learn more about how Ionic was built, why you should use it, and what's included. We'll cover
            the basics and help you get started from the ground up.

            Documentation

            What are you waiting for? Take a look and get coding! Our documentation covers all you need to know
            to get an app up and running in minutes.

Docs

Documentation

Getting Started

Overview

Components

JavaScript

Submit Issue

Resources

Learn Ionic

ngCordova

Ionicons

Creator

Showcase

The Ionic Book

Contribute

Community Forum

Ionic IRC

Present Ionic

Contribute

Write for us

Ionic Shop

About

Blog

Services

Company

Logo Pack

Contact

Jobs

Connect

Twitter

GitHub

Facebook

Google+

YouTube

Ionitron

Stay in the loop

Sign up to receive emails for the latest updates, features, and news on the framework.

      <form action="http://codiqa.createsend.com/t/t/s/jytylh/" method="post" class="input-group col-sm-5">
        <input id="fieldEmail" name="cm-jytylh-jytylh" class="form-control" type="email" placeholder="Email" required />

          <button class="btn btn-default" type="submit">Subscribe</button>

      </form>

        Code licensed under MIT.
        Docs under Apache 2
        |
        © 2013-2015 Drifty Co


text:
package com.backend.models.optaplanner;

import org.optaplanner.core.api.domain.entity.PlanningEntity;
import org.optaplanner.core.api.domain.variable.PlanningVariable;

import com.backend.models.School;

@PlanningEntity
public class TeamAssignment
{
    private int gameNo;

    // planning variable
    private School school;

    public TeamAssignment()
    {
    }

    public TeamAssignment(int _gameNo) {
        this.gameNo = _gameNo;
    }

    public int getGameNo()
    {
    	return gameNo;
    }

    @PlanningVariable(valueRangeProviderRefs = {"school"})
    public School getSchool() {
        return school;
    }

    public void setSchool(School _school)
    {
        school = _school;
    }
}

redpajama_set_name: RedPajamaGithub


text:
<sut>
	<!-- Example SUT with all remote client parameters
	-->
	<filetransfer_1>
		<class>com.aqua.filetransfer.ftp.FTPFileTransfer</class>
		<remoteHost>192.12.34.56</remoteHost>
		<localHostExternalName>12.11.23.44</localHostExternalName>
		<protocol>telnet</protocol>
		<port>23</port>
		<user>admin</user>
		<password>admin</password>
		<ftpUserName>aqua</ftpUserName>
		<ftpPassword>aqua</ftpPassword>
		<ftpServerHome>c:/automation</ftpServerHome>
	</filetransfer_1>

	<!--
	  Typical SUT
	-->
	<filetransfer_2>
		<class>com.aqua.filetransfer.ftp.FileTransfer</class>
		<remoteHost>192.12.34.56</remoteHost>
		<telnetUser>admin</telnetUser>
		<telnetPassword>admin</telnetPassword>
	</filetransfer_2>
</sut>


text:
<?php
namespace Medic\Bundle\PersonnelBundle\Form\Type;

use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolverInterface;

class ContratType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder->add('nom_contrat');
        $builder->add('save', 'submit');
    }

    public function setDefaultOptions(OptionsResolverInterface $resolver)
    {
        $resolver->setDefaults(array(
            'data_class' => 'Medic\Bundle\PersonnelBundle\Entity\Contrat'
        ));
    }

    public function getName()
    {
        return('contrat');
    }
}


text:
/**
 * Created with JetBrains WebStorm.
 * User: abderrazak
 * Date: 4/13/13
 * Time: 1:19 PM
 * To change this template use File | Settings | File Templates.
 */
var wizardApp = angular.module('wizardApp',['ngCookies']);

//
// routers
wizardApp.config(function($routeProvider,$locationProvider){
    //
    $routeProvider
        .when('/',
        {
            templateUrl:'partials/login.html',
            controller:'LoginCtrl'
        })
        .when('/wizard',
        {
            templateUrl:'partials/home.html',
            controller:'WizardCtrl'
        })
        .when('/conference/:id',
        {
            templateUrl:'partials/conference.html',
            controller:'ConferenceCtrl'
        })
        .otherwise({
            templateUrl:'Ooops !'

        })
    //
    //$locationProvider.html5Mode(true).hashPrefix('!')
})

//
// controllers
wizardApp.controller('LoginCtrl',function($scope, $http, $location,$cookies) {
    $scope.login = function(user) {
        $http.get('/json/users.json').success(function(data) {
            var authenticatedUser;
            for(var i=0; i<data.users.length; i++) {
                if (user.email == data.users[i].email && user.password == data.users[i].password) {
                    authenticatedUser = data.users[i]
                    break
                }
            }
            if (authenticatedUser != null) {
                console.log('User ' + authenticatedUser.email + ' has been authenticated')
                $location.path('/wizard')
                $cookies.username = authenticatedUser.username
            } else {
                console.log('Authentication failed !')
            }
        })
    }
})

//
wizardApp.controller('WizardCtrl', function($scope,$http,$cookies,$location){

    // ping
    console.log('In WizardCtrl ...')

    //
    $scope.currentUsername = $cookies.username
    $scope.conferences = []

    //
    $http.get('/json/conferences.json').success(function(data) {
        console.log('data loaded')
        $scope.conferences = data.conferences
        // calculate each conference rank
        for(var i=0; i<$scope.conferences.length; i++) {
            $scope.conferences[i].rank = calculateConferenceGlobalRank($scope.conferences[i].tracks)
        }
    })

    $scope.expand = function(key) {
        $location.path('/conference/'+key)
    }

    $scope.logout = function(){
        $location.path('/')
    }
})

wizardApp.controller('ConferenceCtrl', function($scope,$http,$cookies,$routeParams,$location){

    $scope.currentUsername = $cookies.username
    $scope.globalVote = 0

    $http.get('/json/users.json').success(function(data) {
        $scope.users = data
    })

    $http.get('/json/conferences.json').success(function(data) {
        for(var i=0; i<data.conferences.length; i++) {
            if (data.conferences[i].key == $routeParams.id) {
                $scope.conference = data.conferences[i]
                $scope.globalVote = calculateConferenceGlobalRank($scope.conference.tracks)
                break
            }
        }
    })

    $scope.upvote = function(trackKey) {
        var tracks = $scope.conference.tracks
        for(var i=0; i<tracks.length; i++) {
            if (tracks[i].key == trackKey && tracks[i].rank<=9) {
                tracks[i].rank++
                break
            }
        }
        $scope.globalVote = calculateConferenceGlobalRank(tracks)
    }

    $scope.voteDown = function(trackKey) {
        var tracks = $scope.conference.tracks
        for(var i=0; i<tracks.length; i++) {
            if (tracks[i].key == trackKey && tracks[i].rank>0) {
                tracks[i].rank--
                break
            }
        }
    }

    $scope.submitTrack = function submitTrack(track) {
        if (track!=null && track.title!=null) {
            var t = new Object()
            t.key = $scope.conference.tracks.length
            t.title = track.title
            t.timeSlot = track.timeSlot
            t.speaker = track.speaker
            t.rank = 0
            $scope.conference.tracks.push(t)
            track.title = null
            track.timeSlot = null
            track.speaker = null
        }
    }

    $scope.logout = function(){
        $location.path('/')
    }
 })

var calculateConferenceGlobalRank = function(tracks) {
    // calculate globalVote
    var sumTrackVotes = 0
    if (tracks.length > 0 ) {
        for(var i=0; i<tracks.length; i++) {
            sumTrackVotes += tracks[i].rank
        }
        return Math.floor( sumTrackVotes / tracks.length)
    }
    return sumTrackVotes
}