Material Symbols & Icons:Google Fonts 所推出圖示字型,還有 SVG 及 PNG 可選

Material Symbols & Icons:Google Fonts 所推出圖示字型,還有 SVG 及 PNG 可選

Material Symbols & Icons 是一套由 Google Fonts 所推出的圖示字型,將超過 3,216 個字形整合到一個字體檔案中,並具有多種設計變體。每種圖示都提供 Outlined、Rounded 及 Sharp 三種樣式以及 Fill、Weight、Grade 及 Optical Size 四種可調節的可變字體樣式,並讓使用者自行選擇要以字型或是 SVG、PNG 圖檔格式下載。使用者可以在線上自行操作設定圖示並複製所提供的 CSS 及 HTML Code,輕鬆將其應用到自己的 Wwb、Android 或是 iOS 專案中。此外,該圖示套件還支援 Figma Plugin,在 Figma 中輕鬆使用。Material Symbols & Icons 採 Apache license 授權,這表示不論是個人還是商業使用均可。

§相關文章,還可以參閱:

Google Fonts Material Symbols & Icons 使用方式:

1.進入 Google Fonts 的 Material Symbols & Icons 圖示字型網頁,首先可以看到包含設計指南及授權方式等說明與指引。

Material Symbols & Icons:Google Fonts 所推出圖示字型,還有 SVG 及 PNG 可選

2.除了可以用關鍵字搜尋圖示外,也可以將網頁往下拉動,便可以看到圖示,可以利用左側欄的工具進行調整。

Material Symbols & Icons:Google Fonts 所推出圖示字型,還有 SVG 及 PNG 可選

3.可利用Fill、Weight、Grade 及 Optical Size 工具自訂圖示

Material Symbols & Icons:Google Fonts 所推出圖示字型,還有 SVG 及 PNG 可選

Material Symbols & Icons:Google Fonts 所推出圖示字型,還有 SVG 及 PNG 可選

4.另外在 Style 也可以自行選擇 Outlined、Rounded 及 Sharp 三種樣式。

Material Symbols & Icons:Google Fonts 所推出圖示字型,還有 SVG 及 PNG 可選

5.點選圖示後,可以在其右側看到 Icon Font 在 Web、Android 及 iOS 等專案上的使用方法,另外,在最下方還可以選擇以 SVG 或 PNG 圖檔下載。

Material Symbols & Icons:Google Fonts 所推出圖示字型,還有 SVG 及 PNG 可選

Material Symbols & Icons 雖是列在 Google Fonts 中,但不是只有圖示字型可以使用,還有 SVG 及 PNG 圖檔格式可以選擇,不論是在 Web、Android 或是 iOS 專案的應用上更加自由。