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 授權,這表示不論是個人還是商業使用均可。

Ionicons:免費圖示字型與 SVG,Outline、Filled 及 Sharp 多變體開放原始碼

Ionicons:免費圖示字型與 SVG,Outline、Filled 及 Sharp 多變體開放原始碼

Ionicons 是一套開放原始碼圖示字型集,其 7.1.0 版本包含了 1,300 個專為 Web、iOS、Android 和桌面應用程式製作的圖示。這個字型集專為 Ionic Framewor k設計,實現了應用程式中 Material Design 和 iOS 風格的統一使用。每個 Ionicons 圖示都提供 Outline、Filled 和 Sharp 三種不同風格的選擇,同時支援 Ionicons Web Component 用法。這種用法能夠動態載入 SVG,有效減少應用程式載入時的資源開銷,提高圖示顯示效率。Ionicons 採用 MIT 許可證,允許商業使用,為應用程式圖示的顯示提供更大的靈活性和效率!

Icongo 一站式 SVG Icon 資源平台,整合超過 70個開放原始碼網站

Icongo 一站式 SVG Icon 資源平台,整合超過 70個開放原始碼網站

Icongo 是一個匯集超過 7萬個 SVG Icon 的線上平台,它集結了包括 Ant Design Icons、Boxicons、CSS.gg、Devicons、Eva Icons 等超過 70個開放原始碼的免費 Icon 資源網站。使用者不僅可以透過關鍵字輕鬆搜尋所需的 Icon,還能在 Icongo 網站上直接瀏覽各開放原始碼網站提供的 SVG Icon。此外,Icongo 提供了方便的預覽和下載功能,每個 Icon 集都可生成獨立的npm檔案供使用,同時也支援轉換為 React 元件。圖示採用 MIT 許可證,允許自由修改並可免費用於商業目的。對於仍在尋找全面且開放的 SVG Icon 資源的使用者來說,Icongo 絕對是一個不可錯過的平台。

Adobe Remove Background 讓你線上去除、更換或模糊圖片背景

Adobe Remove Background 讓你線上去除、更換或模糊圖片背景

Remove.bg 開始到 ICONS8 AI Background Remover 可以自動刪除圖片背景的免費服務越來越多了,Remove Background 是 Adobe Photoshop Express 內的其中的一項免費功能,操作上與其他服務類似,都是只要上傳圖片後,就由系統自動地將背景刪除,完全不需要圈圈選選塗塗抹抹的額外操作,另外,該免費服務內也可以更換、模糊圖片背景,除此之外還有圖片裁切、潤色、色彩調整及藝術效果的免費功能,可以說是一條龍的免費服務,而該服務是需要免費註冊登入後才可以使用,下載的圖片是不會有浮水印。

AutoHideDesktopIcons 定時自動隱藏桌面及工具列上的圖示(免安裝版)

AutoHideDesktopIcons 定時自動隱藏桌面及工具列上的圖示(免安裝版)

如果使用的是屬於公用電腦又特別受不了桌面上被擺放著一堆的檔案或軟體捷徑時,可以來試試這套 AutoHideDesktopIcons免費又免安裝的工具軟體,可以自訂當滑鼠不在桌面上的時間來自動將桌面或工具列上的圖示隱藏起來,等到要用的時候,再呼叫出圖示出來應用,如此一來當自己使用時,桌面不會顯示一堆跟自己無關的檔案圖示,又保留原有的桌面圖示。

CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

在網頁中如果要用圖示,例如電話、郵件或是箭頭,以往的做法就是要有該圖示的圖片檔,將其放在指定的位置,但隨著螢幕大小多元化,固定尺寸的圖示圖片檔,缺點盡顯,除了佔用流量外,亦無法滿足螢幕大小的變化,因此將圖示如同網頁字形般的運用,是目前圖示應用在網頁的做法。不論是 Unicode、Icons - Google Fonts 、Font Awesome 都有提供適合在網頁中使用的字形化圖示集,CSS.GG 這個網站同樣提供免費的字形化圖示集,使用者可以自訂顏色、尺寸,再透過其所提供的 HTML,CSS、SVG 或是 TSX 語法就能應用到網頁上。

Google Design - Material icons 常用 ICON 免費下載使用

Google Design - Material icons 常用 ICON 免費下載使用

不論是 windows、web、Android、iOS 的開發,甚至是平面設計,總是免不了 ICON 圖示的應用,既然稱為圖示,當然就不是要使用者去猜,而是必須設計成一看就知道要做什麼。想要有一致的圖示風格又能符合 ICON 的設計準則,網路上有很多免費下載 ICON 圖示的網站,而現在 Google Design 中的 Material icons 網站,則是提供 Action、Alert、AV、Communication、Content、Device、Editor、File、Hardware、Image、Maps、Navigation、Notification、Social、Toggle 等多種類型的 ICON,且每個圖示均提供 18dp、24dp、36dp、48dp 尺寸與 PNG、SVG 兩種圖檔格式,供你免費下載應用。

ICON8 Line Awesome 提供 1380+個精美圖示字型 免費使用

ICON8 Line Awesome 提供 1380+個精美圖示字型 免費使用

圖示字型有方便快速使用的優點,但也因為是字形所以有色彩表現單一的缺點,要使用圖示字型,我們有 Google Icon FontTaiwan Icon FontIcon Font 或是 Font Awesome 可以選擇,而 Line Awesome 這個圖示字型則是由 ICON8 提供,約有 1380 個可應用,其將圖示以 Accessibility、Alert、Animals、Arrows、Audio & Video、Automotive、Brand Icons...等分類顯示,方便使用者查找,而網頁常用的 LINE、Telegram、Facebook...等分享圖示也均有提供,如果在其他圖示字型提供者找不到的圖示,都可以來這裡試試。