【免費資源】Metrize Icons – 爲你提供300個免費Metro樣式Icon

在設計應用或網站界面時,不時也需要使用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一覽(點擊看大圖)

使用示範

  1. Metrize Icons網站下載Icon包
  2. 解壓縮zip檔案
  3. 按照自己需要,可以自訂或直接使用Icon
    ▼直接使用SVG檔

    ▼或當作字型般應用到Html檔案中,可以自行到Metrize_Icons/Font-Face/index.html查看這些Glyphs

    <html>
    	<head>
    		<style>
    			@font-face {
    				font-family: icons;
    				src: url(Metrize-Icons.ttf);
    			}
    			*{
    				font-family: icons;
    			}
    		</style>
    	</head>
    	<body>
    		<h1>&#xe002; Metrize-Icons</h1>
    	</body>
    </html>
    

    或編輯AI、PS、EPS檔案,也可以檢視其PDF檔

另外,作者也有設計其他Icon,可以到他的個人網頁查看。

看看其他文章:

Posted by OpenserTk

發表迴響