網頁製作常常會使用到很多 小Icon,這邊有上千個免費的 Icon 可以使用,而且都是 SVG (Open Source),想要怎麼放大縮小,或者直接寫入 HTML 皆可。
- 詳見:Iconoir | Free Icons
- GitHub:GitHub - lucaburgio/iconoir: A Simple and Definitive Open-Source Icons Library
個人筆記, 記錄關於 系統、程式、新聞 與 日常生活 等資訊
網頁製作常常會使用到很多 小Icon,這邊有上千個免費的 Icon 可以使用,而且都是 SVG (Open Source),想要怎麼放大縮小,或者直接寫入 HTML 皆可。
Ajax 常用的 Loading 圖示,此網頁工具可以產生 SVG、CSS 和 Gif 檔。
注意:此工具若要支援 IE 10 以下,請使用 Gif 檔。
此網站工具支援的瀏覽器版本:
Google Design 把常用的 ICON 整理出來,讓大家可以依照自己需求,選擇 16 / 24 / 36 / 48 dpi + SVG、PNG 或 ICON Font 來下載使用。
在自己做 ICON 前,可以先來這邊依照分類找找,也比較可以減少使用者的操作學習時間。
Icon 設計 Guideline:Icons - Style - Google design guidelines
iPhone、iPad 可以將網站的 ICON 快速加入主畫面(桌面), 點選圖示就跟開 App 一樣, 只是會用 瀏覽器(Safari) 開啟而已.
但是要快速加入 主畫面, 網站有提供相對應的圖示(ICON)的話, 加入 主畫面 後才會比較好辨認(沒 ICON 的話, Safari 會做網站縮圖).