
精緻的 24px 圖示庫
免費

Zwicon 是由 Zwoelf 工作室精心打造的圖示庫,旨在滿足現代 UX/UI 設計師與開發者的特定需求。該圖示集包含 26 個類別共 566 個圖示,基於嚴格的 24px 網格系統構建,確保與 8pt 設計標準完美對齊。與一般圖示包不同,Zwicon 透過 1px 線條粗細、2px 圓角半徑及圓形線端,維持一致的視覺美感。此圖示庫針對技術實作進行了優化,提供乾淨的 SVG 程式碼、Webfont 支援,並可與 Figma、Sketch 及 InVision Studio 原生整合。對於追求視覺一致性的設計師,以及需要輕量化、高效能資源的開發者而言,這是一個高保真且具備擴充性的解決方案。
每個圖示皆設計於 24px 基礎網格上,這是業界標準 8pt 網格系統的倍數。這確保了圖示能按比例縮放並與 UI 元件完美對齊,減少手動調整間距的需求。透過維持一致的 1px 筆觸與 2px 圓角,該圖示集避免了在複雜介面佈局中因縮放不當或對齊偏差而產生的視覺瑕疵與模糊。
SVG 檔案經過手動清理,移除了冗餘的元數據、路徑群組及不必要的屬性,這些內容通常會增加檔案大小。此優化在將圖示直接嵌入網頁應用程式時,可縮小 DOM 佔用空間,進而加快頁面載入速度並提升效能評分。透過剔除非必要程式碼,該圖示庫確保開發者能在不影響整體套件大小或渲染效能的情況下內嵌圖示。
Zwicon 提供對 Sketch、InVision Studio 及 Figma 的原生支援,包含便於元件覆寫(overrides)的分類命名慣例。這種跨平台相容性讓設計團隊無論使用何種軟體,都能維持圖示資源的單一事實來源。結構化的命名確保設計師能在實例中快速替換圖示,而不會破壞現有的元件配置或在設計交接過程中遺失樣式覆寫。
該圖示庫包含即用型的 Webfont 實作,允許開發者將圖示視為文字元素處理。此方法可透過標準 CSS 屬性(如 'color'、'font-size' 及 'text-shadow')輕鬆操控圖示的顏色、大小與陰影。透過利用 Webfont,開發者能顯著減少相較於載入個別 SVG 檔案所需的 HTTP 請求數量,使其成為大型網頁應用程式的高效選擇。
Zwicon 擁有 566 個圖示,涵蓋 26 個不同類別,為電子商務、儀表板介面到行動應用程式等多元專案需求提供了穩固的基礎。收藏的廣度減少了混用不同圖示集的必要性,從而避免視覺不一致。該圖示庫持續維護中,創作者計畫根據實際使用情況與回饋進行更新,確保圖示集能跟上不斷演變的設計趨勢。
建構複雜管理面板的 UI 設計師使用 Zwicon 來維持視覺層級。透過利用 24px 網格,他們確保導覽側邊欄與操作按鈕保持完美對齊,從而呈現出乾淨、專業且易於終端使用者導覽的介面。
產品設計師使用 Figma 與 Sketch 圖示庫,將一致的圖示快速拖放至線框圖中。這加速了設計階段,讓團隊能專注於使用者流程與互動邏輯,而非花費時間建立或尋找個別圖示。
前端開發者整合 Zwicon Webfont 以保持應用程式的極簡佔用空間。透過使用基於 CSS 的圖示系統,他們實現了高效能渲染與輕鬆的樣式設定,確保網站在低頻寬的行動連線下依然保持快速。
設計師需要一套可靠且一致的圖示集,能無縫整合至現有的設計系統中。Zwicon 透過提供統一的美學風格與主流設計工具的原生支援,解決了視覺碎片化的問題。
開發新產品的團隊需要一套能隨專案成長的擴充性圖示庫。Zwicon 龐大的 566 個圖示收藏提供了涵蓋大多數產品需求的多樣性,無需外包客製化圖示設計。
免費下載。該圖示集無需任何費用即可使用,但創作者接受透過 PayPal 進行捐款,以支持持續的維護工作。