ionic中的图标

ionic使用ionicons图标样式库。ionicons采用了TrueType 字体实现图标样式，有超过500个图标可供选择。

使用图标很简单，在元素上声明以下两个CSS类即可：

• .icon - 将元素声明为图标
• .ion-{icon-name} - 声明要使用的具体图标

通常使用i元素定义图标，例如下面声明了元素显示ion-home图标：

<i class="icon ion-home"></i>

要了解有哪些图标及具体名称，需要访问ionics.com。 点击某个图标即可查看其CSS类名称。

可以在任何元素中插入图标，使用元素的font-size样式指定图标的大小：

<any style="font-size:100px;">
    <i class="icon ion-search"></i>
</any>