Icon

ion-icon

ion-icon可以单独使用，也可以在一些Ionic组件内部使用。要获得可用图标的完整列表，请查看ionicon文档。

ion-icon的一个特点是当图标名称设置时，呈现的实际图标会根据app运行的模式略有变化。例如，设置图标名称为alarm，在iOS上，图标将自动应用ios-alarm，在Material Design设计上，它将自动应用md-alarm。

用法

<!-- automatically uses the correct "star" icon depending on the mode -->
<ion-icon name="star"></ion-icon>

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

<!-- always use the same icon, no matter what the mode -->
<ion-icon name="ios-clock"></ion-icon>
<ion-icon name="logo-twitter"></ion-icon>

属性

属性	类型	详解
ios	string	指定在ios模式上使用哪个图标。
isActive	boolean	如果是true，这个图标就会有一个“活跃”的外观。一个活动的图标被填充，一个非活动的图标是图标的轮廓。这个isActive属性在很大程度上被tabbar使用。只会影响ios图标。
md	string	指定在md模式上使用哪个图标。
name	string	指定要使用哪个图标。将根据模式使用适当的图标。有关更多信息，请参见ionicon。