April 2017
Beginner to intermediate
378 pages
7h 57m
English
Ionic has its own set of 700+ font icons. The simplest way to add an icon is as follows:
<ion-icon name="heart"></ion-icon>
You can find the name of the icon from here: http://ionicons.com.
You can mark an icon as active or inactive using the is-active attribute. Active icons are typically full and thick, whereas inactive icons are outlined and thin:
<ion-icon name="beer" isActive="true"></ion-icon> <ion-icon name="beer" isActive="false"></ion-icon>
Icons can also be made platform specific; the following snippet shows how:
<ion-icon ios="logo-apple" md="logo-android"></ion-icon>
You can also set the icon name programmatically, too, by first creating an attribute assigned to a variable and then populating that variable in ...
Read now
Unlock full access