Symbol

顯示圖示的組件,經常使用於 <i>。改變尺寸大小的方法可透過 font-size 來達到。顏色的更換可透過 color 完成。


Symbol

用於顯示 HTML Character Code 的圖形。使用類別為 .symbol 並將 HTML Code 設定於 [data-code]

代碼可參考:https://www.toptal.com/designers/htmlarrows/

<i class="symbol" data="{HTML Code}"></i>

Icon

Iconfont 是很常用的網路工具之一,Lazy4 目前主要在範例上使用的是 Font Awesome。使用類別為 .icon,接著加上各 Iconfont 的類別名稱即可。

<i class="icon {iconfont class}""></i>