图标

Ionic拥有相同的700+ Ionicons图标，我们都知道和喜爱它们。

有关更多信息，请查看API文档。

基础使用

要使用图标，请填充ion-icon组件上的name属性：

<ion-icon name="heart"></ion-icon>

所有图标都有活动状态和非活动状态。活动图标通常是完整和厚实的，其中不活动的图标被勾画并且薄。将isActive属性设置为true或false可更改图标的状态。如果未指定值，则图标将默认为活动。

<ion-icon name="heart"></ion-icon>                    <!-- active -->
<ion-icon name="heart" isActive="false"></ion-icon>  <!-- inactive -->

许多图标都有Material Design和iOS版本。 Ionic将根据平台自动使用正确的版本。

要指定要用于每个平台的图标，请使用md和ios属性，并提供平台特定的图标名称。

<ion-icon ios="logo-apple" md="logo-android"></ion-icon>

要使用变量设置图标：

<ion-icon [name]="myIcon"></ion-icon>

export class MyFirstPage {
  // use the home icon
  myIcon: string = "home";
}