IconOven icon

IconOven

IconOven 結合超過 85,000 款 UI 圖示與原創 App 圖示,支援 iOS、Android、macOS 及網頁;提供免費 MIT 授權 Stroke 圖示集,並可透過付費方案與整合工具擴充風格。

IconOven

圖示庫與 App 圖示工作室

IconOven 是供產品設計師與開發人員使用的圖示工作室與圖示庫,結合超過 85,000 款、涵蓋 13 種樣式的 UI 圖示,以及另一個收錄原創 App 圖示設計的目錄,適用於 iOS、Android、macOS 及網頁專案。

UI 圖示庫可複製或安裝到設計與開發工作流程中;App 圖示目錄則提供可直接發布的設計變體,以及每款列出圖示的完整套件。免費 Stroke 圖示集採用 MIT 授權;付費 Pro 與 Max 方案可擴充 UI 樣式,並增加原始檔、客製圖示需求及 CI 金鑰等功能。

圖示庫與實作工具

UI 圖示庫

瀏覽 13 種樣式、超過 85,000 款 UI 圖示。Stroke 依 MIT 授權免費提供,Pro 則開放完整樣式集合;圖示提供圓角或尖角版本。

App 圖示設計

從 53 款原創 App 圖示設計中選擇。每款列出的設計都有淺色、深色、色調及透明版本,網站並將其呈現為適用於 iOS、Android、macOS 及網頁的圖示。

開發者套件

使用框架套件及其他技術格式,包括 React、Vue、Svelte、Solid、Preact、Angular、React Native、網頁元件、SVG 及圖示字型。元件提供大小、色彩、線條寬度、標題及樣式變體等控制項。

Apple 平台支援

透過 Swift Package Manager 為 SwiftUI、UIKit 及 AppKit 加入 Swift 套件。文件所述套件支援 iOS 15、macOS 12、watchOS 8、tvOS 15 及 visionOS 1 或更新版本。

編輯器、設計與工作流程整合

從 Flutter 與 Jetpack Compose 使用圖示庫,或透過 VS Code、Open VSX、Figma 及 Iconify 整合工具操作。網站也提供瀏覽器版 App Icon Exporter、App Icon Score 及 App Icon Sizes 工具。

IconOven 的適用情境

  • 製作原型或發布網頁介面

    當專案需要不必建立帳戶、且採用寬鬆授權的基礎圖示系統時,可將免費 Stroke 圖示集以 SVG、JSX、圖示字型或框架套件的形式使用。

  • 將圖示整合至應用程式

    安裝相關 npm 套件,或使用 Swift、Flutter 或 Android 發行套件,將具名圖示直接加入應用程式;在支援的情況下,可控制大小、色彩、線條粗細及無障礙標題。

  • 建立跨平台 App 品牌識別

    當產品需要在行動裝置、桌面及網頁版面中,呈現一致的淺色、深色、色調及透明視覺方向時,可使用 App 圖示目錄。

  • 在設計與編輯器工具中工作

    當圖示選擇與插入需要在既有的設計或程式編輯環境中完成,而非透過獨立下載流程時,可使用 Figma、VS Code、Open VSX 或 Iconify。

Pros and Cons

Pros

  • 大型 UI 圖示目錄,提供超過 85,000 款圖示及 13 種樣式。
  • 免費 Stroke 圖示包含圓角與尖角版本,採用 MIT 授權並可商業使用。
  • 廣泛支援 JavaScript 框架、Apple 平台、Flutter、Android、編輯器及設計工具。
  • App 圖示設計針對列出的 Apple、Android、桌面及網頁目標,提供淺色、深色、色調及透明版本。

Cons

  • 完整的 13 種 UI 樣式集合需使用付費 Pro 或 Max 方案;免費方案僅限 Stroke。
  • App 圖示目錄目前顯示許多設計已售罄,因此需個別確認各設計的供應情況。
  • 現有資料未說明每個 App 圖示項目的完整匯出與購買流程。

FAQ

免費 UI 圖示方案包含哪些內容?

免費方案包含 Stroke 樣式中的所有圖示,提供圓角與尖角版本,並採用 MIT 授權。無需帳戶即可使用。Pro 方案增加全部 13 種樣式,而 Max 方案另包含 Figma 原始檔、依需求繪製圖示,以及 CI 建置金鑰。

開發人員可以如何使用 IconOven 圖示?

UI 圖示可透過專用框架的 npm 套件安裝、以 SVG 檔案或圖示字型使用,或透過文件中所述的 Swift Package Manager、Flutter、Android、VS Code、Figma 及 Iconify 整合來加入。

支援哪些 JavaScript 框架?

文件所述的 npm 套件支援 React、Vue、Svelte、Solid、Preact、Angular、React Native、網頁元件及純 JavaScript。這些套件提供具名圖示元件或圖示資料,且圖示接受大小、色彩、線條寬度、標題及變體等屬性。

Pro 與 Max 授權方案如何計費與配置?

Pro 與 Max 方案按年計費。一個席位代表一位在設計檔案或程式碼中使用圖示的人員;Max 的 CI 金鑰供建置伺服器使用,不佔用席位。價格頁面列出 1、5 及 25 個席位的選項,較大型團隊則需聯絡 IconOven。

Quick Facts

產品類型
UI 圖示庫與 App 圖示工作室
UI 圖示涵蓋範圍
13 種樣式中的超過 85,000 款圖示
App 圖示目錄
53 款原創設計
免費方案
Stroke 樣式,提供圓角與尖角版本,採用 MIT 授權
付費 UI 方案
Pro 與 Max,按年計費
Product Hunt 優惠
使用代碼 PRODUCTHUNT 購買任何 App 圖示可享 75 折,Product Hunt 頁面如此宣傳