Ionic图标

Ionic提供超过700个高级图标。还为Android和IOS提供了不同的图标集。你可以找到你需要的几乎任何东西，但如果你不想，你就不必使用它们。您可以使用自己的自定义图标或任何其他图标集。您可以在此处查看所有Ionic图标。

如何使用图标？

如果您想使用Ionic图标，请在页面上找到您需要的图标 http://ionicons.com/ 。添加Ionic元素时，首先添加主类，然后添加所需的子类。所有图标的主要类是图标。子类是所需图标的名称。我们将在下面给出的示例中添加六个图标

<i class = "icon icon ion-happy-outline"></i>
<i class = "icon icon ion-star"></i>
<i class = "icon icon ion-compass"></i>
<i class = "icon icon ion-planet"></i>
<i class = "icon icon ion-ios-analytics"></i>
<i class = "icon icon ion-ios-eye"></i>

上面的代码将生成以下屏幕

可以使用Ionic CSS文件中的font-size属性更改这些图标的大小。

. icon {
   font-size: 50px;
}

设置图标大小后，相同的代码将生成以下屏幕截图作为输出

Default Icons