【免費資源】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] <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>
    [/html]

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

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

看看其他文章:

Author avatar
OpenserTk
https://opensertk.blowhk.com
現實中我是一個很被動的人,不過在網上就是一個樂意跟網友分享資訊的人。

發表評論

發佈留言必須填寫的電子郵件地址不會公開。

本站採用Cookies來提升你的使用體驗。