Icon

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 是一套開放原始碼圖示字型集，其 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 是一個匯集超過 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 絕對是一個不可錯過的平台。

如果想在設計上加入節假日的應景元素，以聖誕節為例，可以來專以提供圖示圖標而知名的「Iconfinder」，其推出了與眾不同的 3D 聖誕節 icon，這系列共有 12 款不同的圖示設計，包含聖誕老公公、聖誕襪、麋鹿、雪人、雪橇、聖誕樹、薑餅人、手套……等，這組聖誕 icon 開放免費下載，採 Creative Commons Attribution 3.0 Unported (CC BY 3.0)授權 授權，可應用於個人及商業用途，不過必須標示出來源，更詳細的說明可以到網站中查看。如果只需要其中幾張圖示，可以直接在網站上點擊下載 PNG 格式，共有 10 種解析度可選擇，最小 16px、最大 1024px。也可以選擇將 12 個圖示的各種解析度一起下載，在壓縮檔中除了有 PNG 圖檔格式外，還有 .psd 及 .c4d 兩種檔案格式，在後續的設計運用上更加自由。

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

常在網頁看到當網頁在讀取資料時，會先出現一個等待的圖示來告訴使用者網頁資料目前在讀取中，最常看到的像是 FaceBook 或 Plurk 網站在讀取資料時的等待圖示。ajaxload.info 就是專門提供該類圖示的免費網站，可線上自訂該圖示的顏色及背景色，並提供 GIF 格式檔案下載。

不管是使用 Microsoft 的 IE 瀏覽器或是 Google Chrome 瀏覽器，瀏覽網頁時，應該都會在其網址列或其瀏覽分頁上，看到該網站的代表圖示或是瀏覽器所預設的圖示，若加入書籤或我的最愛也會在其列上出現該網站的代表圖示，方便使用者識別。AnimatedFavicon 是一個可以免費製作該類圖示的免費服務網站，製作過程相當簡單，只要上傳圖片後，接下來就是下載應用，其提供對所上傳的圖片會製作出 GIF、ICO、16 x 16 與 32 x 32 尺寸的 PNG 圖檔，以利後續應用。

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

製作網頁時，難免會有需要讓使用者點擊的地方，若只是用文字來敘述，雖然簡單明瞭，但卻顯得單調，想要放個按鈕圖示，但卻又礙於要使用圖片，牽涉較廣，若有這些問題，可以來試試這個可以說是 CSS 按鈕寶庫的 Buttons 線上 CSS 按鈕產生器，不但提供 Flat、Glow、Rounded、3D、Border、Pill、Circle、Dropdown(下拉選單)、icon、Square、Block 等各式各樣的按鈕，且配色相當豔麗，使用上更是簡單，只需在網頁特定位置，載入相關連結後，複製想要使用的按鈕樣式到網頁想要應用的位置即可。

對初學網頁製作的人來說，當需要對「按鈕」元件進行美工時，若能參考別人寫好的 CSS Code 是一個事半功倍的好方法。Call-to-Action Button Generator 是一個可即時預覽的 CSS 按鈕線上產生器，不但提供按鈕顏色、文字、陰影、ICON 等屬性自訂外，還可自動產生所需的 CSS Code 與 PNG 圖檔，讓使用者方便影用到網頁的任意處，相當方便。

習慣了 Windows 預設的直式或橫式的工具列了嗎？若想來點變化時，不彷可以來試試 Circle Dock 這套免費輪盤式的豪華工具列，只要將你平時常用的程式或資料夾，用滑鼠拖拉到輪盤中，就可建立輪盤中的工作項目；Circle Dock 隱藏時也可透過快速鍵 F1 或滑鼠中間鍵就能叫出 Circle Dock，相當方便，另外 Circle Dock 也內建了超多精美的圖示(ICON)及多種面板，提供使用者隨時可更改外觀，做出與眾不同的工具列。

「圖示」通常具有指引的作用，例如文宣上的的電話圖示，大家就會想到那是商家的聯絡電話，而在電腦上，常用於顯示檔案、裝置，以及顯示在按鈕、工具列和選單上，其大小從 16×16 到 256×256 等都有，副檔名則是以 .ico 來標示，想要將 PNG、GIF 或是 JPEG 圖片格式轉成 ICO 圖示，也不需要大費周章的安裝影像編輯軟體，可以來 converticon.com 這個免費將圖片輸出成 ICO、PNG 圖示的網站，就可以輕鬆達成，且尺寸從 16×16 到 512×512 都有 。