在設計應用或網站界面時，不時也需要使用Icon，設計出讓用戶更易使用的界面，提升使用體驗。繼之前爲大家介紹過Flat Design Icon，這次爲大家介紹的是Metrize Icons，提供300個免費Metro樣式的Icon，無需著名Icon來源，也可以使用在商業和個人方面。
網站連結
Metrize Icons：https://go.blowhk.com/metrize
Metrize Icons裏面包含300Metro樣式的免費Icon，一般常用的Icon也具備，例如下載、搜尋、加減、左右等符號。作者也表明會永久免費更新，也歡迎用戶修改當中的Icon，Icon可以使用在商業及個人方面，用戶可以選擇給予作者Credit，但不能透過販賣這些Icon來牟利(包括已修改的Icon)，詳情請查看網頁中的License部分。如果你喜歡他的設計，也可以透過捐款(網頁中的Donate按鈕)來支持他。
▼Icon一覽(點擊看大圖)
使用示範
- 到Metrize Icons網站下載Icon包
- 解壓縮zip檔案
- 按照自己需要，可以自訂或直接使用Icon
▼直接使用SVG檔
▼或當作字型般應用到Html檔案中，可以自行到Metrize_Icons/Font-Face/index.html查看這些Glyphs
[html]
<html>
<head>
<style>
@font-face {
font-family: icons;
src: url(Metrize-Icons.ttf);
}
*{
font-family: icons;
}
</style>
</head>
<body>
<h1> Metrize-Icons</h1>
</body>
</html>
[/html]或編輯AI、PS、EPS檔案，也可以檢視其PDF檔
另外，作者也有設計其他Icon，可以到他的個人網頁查看。
看看其他文章：
