IconGenerator.app:利用 Apple SF Symbols 等圖示集,免費建立可商用的應用程式和網站圖標

IconGenerator.app:利用 Apple SF Symbols 等圖示集,免費建立可商用的應用程式和網站圖標

IconGenerator.app 是一個專為生成應用程式和網站圖標而設計的免費工具,允許使用者從現有的圖示集選取圖示,或上傳自訂圖檔進行製作。其內建圖示集主要來自以下三大來源: Lucide Icons (ISC License)、Microsoft Office IconsApple SF Symbols。IconGenerator.app 的使用方式非常簡單,全過程無須註冊,亦無使用次數限制,選好圖示後,就可以利用編輯工具,對背景及圖示進行編輯。完成編輯後,可以匯出自訂尺寸的 PNG 或 SVG 圖檔,或是 96 X 96 的 ICO 圖檔。根據 IconGenerator.app 網站的說明,成品可免費供個人和商業用途使用。

Iconfinder 3D 免費商用聖誕圖示,為設計注入節日活力

Iconfinder 3D 免費商用聖誕圖示,為設計注入節日活力

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

Icônes:匯集百個可商用圖示集,支援 SVG、IconFont 及多種前端框架

Icônes:匯集百個可商用圖示集,支援 SVG、IconFont 及多種前端框架

Icônes 是一個免費的線上圖示管理與搜尋平台,整合了超過 100個( 目前有 146個 Iconsets )知名圖示集,如 Material Icons、Font Awesome、Heroicons 等,提供數萬個( 目前約有 229075 icons)風格多樣的圖示資源。使用者可以直接搜尋所需的圖示,並支援多種格式輸出,包括 SVG、PNG、URL 和 Data URL,無需額外轉換即可快速應用於專案中。

Game-icons.net:免費適用遊戲開發的商用圖示素材,支援顏色、尺寸、變形等自定義編輯

Game-icons.net:免費適用遊戲開發的商用圖示素材,支援顏色、尺寸、變形等自定義編輯

為了讓每個圖示更具個人化,Game-icons.net 提供了強大的自定義工具,使用者可以對圖示進行顏色調整、旋轉、模糊、添加陰影或斜角效果,甚至可以疊加文字和其他圖標,使每個圖示能夠輕鬆轉換成專屬風格。這些功能不僅提升了圖示的靈活性,還能更好地滿足遊戲和應用開發者的視覺需求。

Boxicons:免費MIT授權圖示庫,提供1600+可商用圖標

Boxicons:免費MIT授權圖示庫,提供1600+可商用圖標

Boxicons 是一個提供 MIT 授權的免費圖示資源庫,內含 1,634 個 SVG 圖示,涵蓋 32 種分類,包括無障礙設計(Accessibility)、警示(Alert)、動物(Animals)、箭頭(Arrow)、品牌(Brands)、建築(Building)、商業(Business)、程式碼(Code)、通訊(Communication)、設計(Design)、裝置(Device)、電商(E-Commerce)、表情符號(Emoji) 等,適合各類型的網站開發與 UI/UX 設計。

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

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

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

ajaxload.info 網頁資料讀取時的等待圖示

ajaxload.info 網頁資料讀取時的等待圖示

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

AnimatedFavicon 線上產生網站的網址列圖示

AnimatedFavicon 線上產生網站的網址列圖示

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

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

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

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

Buttons 線上 CSS 按鈕產生器

Buttons 線上 CSS 按鈕產生器

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

Call-to-Action Button Generator - CSS 按鈕產生器

Call-to-Action Button Generator - CSS 按鈕產生器

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

Circle Dock 免費輪盤式的豪華工具列(免安裝 繁體中文版)

Circle Dock 免費輪盤式的豪華工具列(免安裝 繁體中文版)

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