Materialicons:谷歌免費向量素材網

Material Icons 網站是由Google釋出的一個提供免費向量圖集的素材站點,可資源用於個人或者商業專案,格式有SVG/PNGS/ICON/FONT,如果你正好在開發網頁,或者設計iOS、Android應用程式,這套圖示是個可以運用的免費資源。

Materialicons:谷歌免費向量素材網

Material icons 圖示分門別類,有包含Action、Alert、AV、Communication、Content、Device、Editor、File、Hardware、Image、Maps、Navigation、Notification、Social、Toggle 等主題型別,幾乎所有使用者需要的圖示都能在這裡找到。

這些圖示的主要特色是辨識度極高,無論在何種大小顯示下都能清楚閱讀,此外,網站提供包括SVG、PNGs和Icon Font三種類型,18dp、24dp、36dp和48dp四種尺寸。

Material icons 圖示集沒有使用限制,也能在產品內重製或再次分享這些素材,如果使用時歡迎在產品About 頁面標記圖示來源(不是必須),唯一要求是不可轉售這些圖示。

開啟Materials icons 網站後,可從上面看到特色說明,這套圖示集有提供圖示字型(Icon Font),且託管於Google Web Fonts,如果需要可以參考說明操作。

將網頁往下拉,即可看到Materials icons 提供的相關圖示,可以發現這些圖示設計都相當簡潔,而且沒有太多複雜變化,重要的是即使在小螢幕(如手機、平板電腦)顯示,也能很清楚看到圖示要傳達的訊息。

點選任意圖示後,下方會顯示該圖示在黑色或白色的呈現情形,右下角則有SVG、PNGs 和Icon Font 的下載鏈結(左邊可以切換大小)。如果你是使用Icon Font 字型來帶入圖示的話,下方也會有詳細的設定說明,簡單來說,就是先把Icon Font 內嵌網站,然後以class 來呼叫圖示即可。

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *