ionic icon(圖標)

ionic 也默認提供了許多的圖標，大概有 700 多個，針對 Android 和 iOS 有不同的樣式。

Ionic icons 官網: //ionicons.com/

國內圖標樣式 CDN 地址：https://cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css。

用法也非常的簡單，由一個 icon 類及指定圖標類組成，如：

實例

<iclass="icon ion-star"></i><iclass = "icon ion-happy-outline"></i><iclass = "icon ion-ios-analytics"></i><iclass = "icon ion-ios-eye"></i>

嘗試一下 ?

我們可以通過 font-size 來設置圖片的大小：

實例

.icon{font-size:50px;}

默認圖標按鈕：

iOS 風格圖標

Android 風格圖標

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！