圖標 Icon

Icon在網站中雖然不是最為重要的，但也扮演著不可獲缺的角色。文字與文字間適當的加上Icon能夠提高內容的辨識度，且讓畫面得到更多

大類別圖標

在主類別的代表圖標將採用SVG動畫的表現方式來增加識別性。在首頁呈現尺寸以78px*78px為標準，而內頁將圖標尺寸縮減為52px*52px來對應文字呈現。

如需引用參數請前往「元件 - SVG」

圖標選擇建議

為了達到風格一致性與減少流量的要求，網站內圖標盡可能取用以下網址當中 Icon Font。使用時必須達到圖文相互對應之要求，以避免給予使用者錯誤的引導。

Font Awesome 圖標取用網址：https://fontawesome.com/v4.7.0/icons/

使用該網內圖標請加入以下連結：

<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

使用

以下為建議使用之圖標，如項目無法於下方對應請至 Font Awesome 尋找相對應之圖示。

放入所需代碼即可呈現 <i class="代碼" aria-hidden="true"></i>

以''首頁''為例：<i class="fa fa-home" aria-hidden="true"></i>

圖標	使用	代碼	連結
	首頁	fa fa-home	➥Link
	​設定	fa fa-cog	➥Link
	下載	fa fa-cloud-download	➥Link
	搜尋/檢索	fa fa-search	➥Link
	編輯/修改/調整	fa fa-pencil-square-o	➥Link
	往上	fa fa-arrow-up	➥Link
	往左/上一步	fa fa-arrow-left	➥Link
	往右/下一步	fa fa-arrow-right	➥Link
	往下/導入	fa fa-arrow-down	➥Link
	頁碼上一頁	fa fa-chevron-left	➥Link
	頁碼下一頁	fa fa-chevron-right	➥Link
	連結	fa fa-link	➥Link
	重填/重整	fa fa-refresh	➥Link
	確認/確定/已選擇	fa fa-check	➥Link
	鎖定	fa fa-lock	➥Link
	列印	fa fa-print	➥Link