Heroicons 是一套漂亮的手工製作 SVG 免費向量圖示集，也是 Tailwind CSS 框架開發者製作釋出的圖示圖案，收錄超過 230 個常見圖示，依照樣式分為僅有外框（Outline）和填滿實色效果（Solid）。前者主要使用於主要導覽列和營銷區塊，設計為 24×24 大小，後者適合按鈕或表單元件使用，設計為 20×20 尺寸。
免費圖示
提供免費圖示（icons）或游標的網站一覽，適合用於裝飾網頁或電腦。
CSS.GG 超過 700 個以 CSS 製作免費圖示 SVG、Figma 多種格式下載
Emblemicons 收錄 1000 多個最常使用免費圖示，多種格式尺寸下載
什麼時候會用到免費圖示呢？可能是開發網站、應用程式，或是設計產品、製作商業簡報和學術研究，其實網路上也能找到不少好看好用的圖示集，像 Icons8 就有不少圖片可搜尋、免費下載使用， Google Fonts 亦將自家 Material Icons 釋出直接設計為字型，使用者除了可取得 SVG 和 PNG 格式，也能透過一段簡單的程式碼在網頁任何位置載入需要的圖案。
IcoMoon App 收錄 5500 個免費向量圖示，選取下載 SVG、PNG 圖示字型
Streamline 收錄 10 萬個圖示、插圖和表情符號圖庫，免費下載 PNG 格式
如果要製作簡報、撰寫報告、開發應用程式或網站，有時候會需要用到圖示圖案，網路上有不少提供免費圖示素材的網站，像是 Icons8 就收錄大量圖示、向量插圖或是自行設計圖庫的 Mega Creator，只要標示出處來源並放置鏈結連回 Icons8 就能符合免費授權條件。現在要搜尋素材已經變得簡單許多，付費免費多半是差在可下載的格式、功能和授權不同，稍加留意就能在合法範圍輕鬆使用這些素材。
Health Icons 免費下載健康相關圖示素材，SVG 和 PNG 下載可商用
如果在開發專案時需要用到一些插圖或圖示圖案，網路上有不少免費圖片、免費圖示網站都可取得各種類型的素材，在 COVID-19 疫情期間可能會需要製作防疫相關的文宣圖片，之前我有介紹過幾個防疫圖示和素材設計，包括「Iconfinder 推出新冠病毒防疫免費圖示集，製作標誌、海報或傳單可用」和「Artify 提供新冠肺炎免費設計素材，線上編輯器修改立即使用」，有助於讓使用者在更短時間內製作出好看的宣導海報或告示板。
Icons8 整合 Google 文件外掛程式，在編輯器快速搜尋、取得免費圖示
Iconic 用心設計的免費 SVG 圖示集，每週更新加入新圖案
如果你想製作網站或開發應用程式，可能會需要一套簡單、好看且易用的圖示素材，除了不需要重新開發圖示，也會提供明確授權方式標示出適用範圍，例如之前推薦過的 Radix Icons、System UIcons、Basicons 等免費圖示集都很適合使用，現在大多數圖示也都會採 SVG 格式，讓使用者自訂大小、顏色或是進行細部調整，甚至是直接將 SVG 程式碼複製就能套用到網頁中。