Iconhub 是一個提供上千種圖標 Icons 的免費資源網站,其中包含了 6 種不同的圖標樣式可自由進行選擇,除了能讓你下載 SVG 格式的 Icons 檔案之外,還提供直接複製 HTML 格式,讓你能夠貼在網站當中直接使用。
如果你想了解其他更多有關免費 Icons 的介紹,可以參考:Tabler Icons、SVG Repo、Heroicons.dev、Ionicons、iconmonstr…等等更詳細的介紹。
網站名稱:iconhub
網站網址:https://iconhub.io/
Iconhub 簡介教學
Step 1
進入頁面後,你可以在左上角「ICONS STYLE」的位置中,選擇 6 種不同的圖標樣式,接著下方的「SIZE (PX)」來選擇圖標大小,再下方的「STROKE (PX)」則是挑選圖標的外框粗細,最後的「COLORS」則是可以選擇外框的顏色:
Step 2
當圖標樣式設定完成後,你就可以在右側挑選你想要下載的圖標。每一個圖標都有兩種使用方式,當你點選某一個圖標後,他就會顯示兩種按鈕,一種為「Select」,另外一種為「Copy SVG」。
選擇「Select」的話,就會將圖標加入下載清單中,等到你挑選完所有想要的圖標後,就可以點選左下角的「Download」按鈕,將你所挑選的圖標下載到電腦當中。
選擇「Copy SVG」的話,則是能夠直接複製該圖標的 SVG HTML 格式,將其貼到其他 HTML 格式的頁面上之後,就能夠直接顯示該圖標在頁面中。
如果你還想了解其他免費圖標的資源網站,可以參考:
- Iconpie – 快速免費產生網站圖標 Icons,上傳圖片後自動產生 Web、iOS、Android 圖標
- Animated icons by Icons8 – 900+ 免費線上動畫圖標,提供 GIF、JSON 與 AE 格式免費下載可商用動畫圖示
- Heroicons – 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
- Unicons Solid – 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載
- CSS.GG – 700+ 開源免版權圖標免費下載,支援 Figma 格式檔案,並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載
Iconhub 評價推薦心得
- 提供免費線上圖標 Icons
- 可自定義圖標樣式大小與顏色
- 可下載 SVG 檔案或複製 HTML 格式
相關文章
- Emblemicons – 免費開源圖標 Icons,高達 1000+ 個產品開發、設計與業務展示的圖標樣式免費下載
- Heroicons – 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
- Unicons Solid – 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載
- IcoMoon App – 5500+ 免費線上圖標資源網站,提供 SVG 與 PNG 格式,並可自定義上傳圖標產生 Font 字體樣式
- Octicons – GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用
- IconPark – 字節跳動官方出品超過 1287+ 高品質圖標免費下載,可線上客製化圖示外觀樣式
- LineIcons – 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
- Animated icons by Icons8 – 900+ 免費線上動畫圖標,提供 GIF、JSON 與 AE 格式免費下載可商用動畫圖示
- CSS.GG – 700+ 開源免版權圖標免費下載,支援 Figma 格式檔案,並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載
- Flaticon – 全球最大線上免費圖標庫,提供各種格式的圖示 Icons 需署名即可免費用於商業或個人用途
- Radix Icons – 15×15 開源圖標 Icons 免費下載,支援 Sketch、Figma 與 SVG 檔案格式
- Iconstore – 高畫質免費 Icons 圖標庫,234+ 個圖標集合包,CC0 可免費作為商業用途
新增留言