阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

在本文中,我將向您介紹 20 個最好、最大的可用網頁圖示庫。其中許多為您提供數千甚至數百萬個圖標,因此您一定會找到您需要的東西。

我想先澄清一下:這些不是 20 個最好的庫,而是20 個最好的庫,所以當然可能還有,而且除了這些之外,可能還有其他很棒的庫,我沒有提到/沒有提到。我不知道。

另外,這是ul ,不是ol

快速訊息:如果您知道其他優秀的庫,請隨時在回復中提及,如果我擴展列表,我可能會包括它。

The Noun Project

替代文字

The Noun Project 是一個龐大的圖示庫,聲稱擁有超過 200 萬個圖示。這些圖標都是由貢獻者製作的。它有一個龐大且仍然活躍的社區,您也可以成為其中的一部分。

  • 免費內容: true

  • 付費內容: true

  • 可自訂圖示: true

  • 需要註冊: true

強烈推薦!



iconmonstr

替代文字

iconmonstr 是一個圖標庫,提供超過 4000 個圖標,分為 300 多個不同的集合。這個庫由一個人維護。好處是您可以直接從網站取得程式碼,因此不一定需要下載。

  • 免費內容: true

  • 付費內容: false

  • 可自訂圖示: true

  • 需要註冊: false

強烈推薦!



Good Stuff No Nonsense

好東西不廢話

Good Stuff No Nonsense 是一個僅由一個人建立的圖標庫,並且所有可用的圖標都是手繪的

  • 免費內容: true

  • 付費內容: true

  • 可自訂的圖示: false

  • 需要註冊: false



獵戶座

獵戶座

線條、實心、顏色和平面圖標具有精確和統一的風格。

適應具有不同筆畫粗細的任何類型的專案,

色彩控制和出色的易讀性。

  • 免費內容: true

  • 付費內容: true

  • 可自訂圖示: true

  • 需要註冊: false

強烈推薦!



愛可月

替代文字

IcoMoon 可作為網站和應用程式使用,提供超過 4,000 個免費圖示和圖示的離線儲存。每個圖標包都具有詳細的許可,以便設計人員和開發人員確切地知道如何使用圖標。用戶還可以製作自己的自訂圖示字體。

  • 免費內容: true

  • 付費內容: true

  • 可自訂圖示: true

  • 需要註冊: false

強烈推薦!



皮克托尼克

替代文字

所有圖示均採用精確的像素比例設計,因此可以在不損失品質或完整性的情況下調整大小。由於它們以字體集的形式提供,因此該集合中的圖示也可以使用 CSS 元素進行風格化。

  • 免費內容: true

  • 付費內容: true

  • 可自訂的圖示: false

  • 需要註冊: true



圖示8

替代文字

Icons8 系列擁有超過 100,000 個圖標且每日更新,在選擇和多樣性方面無可匹敵。使用者可以透過標籤搜尋圖標,也可以瀏覽 50 多個不同的主題集合來尋找滿足其需求的圖形。

  • 免費內容: true

  • 付費內容: true

  • 可自訂圖示: true

  • 需要註冊: false



平面圖示

替代文字

超過 2,000,000 個 SVG、PSD、PNG、EPS 格式或 ICON FONT 格式的免費向量圖示。最大的免費向量圖示資料庫中有數千個免費圖示!

  • 免費內容: true

  • 付費內容: true

  • 可自訂圖示: true

  • 需要註冊: false

強烈推薦!

注意:您不需要註冊即可下載和瀏覽圖標,但要進行圖標自訂則需要註冊。



字體棒

替代文字

當然,我需要將 Font Awesome 放在這個列表中,因為它實際上可能是最知名的圖示庫。

當我寫了一篇關於這個庫的文章後,請查看它以了解有關 Font Awesome 為您提供的所有功能的更多資訊。相信我,這是值得的。

https://dev.to/weeb/font-awesome-guide-and-useful-tricks-you-might-ve-not-known-about-until-now-o15

  • 免費內容: true

  • 付費內容: true

  • 可自訂圖示: true

  • 需要註冊: false

強烈推薦!



圖示偵察

替代文字

iconcout 是數百萬個不同圖示的集合,涵蓋您可以想像的每個可能的類別。此處的使用者可以選擇建立和分享自己的圖標,並建立供訪客稍後查看的集合。

  • 免費內容: true

  • 付費內容: true

  • 可自訂圖示: true

  • 需要註冊: false

強烈推薦!



圖示查找器

替代文字

Iconinder 是目前最大的圖標庫之一,擁有超過 400 萬個免費和付費圖標。此外,他們還提供 25,000 多個圖標集。

Iconinder 為數百萬創意專業人士提供高品質的圖標。我們是一個小型國際團隊,總部位於美麗的哥本哈根市,其中一些遠端工作。我們與充滿熱情的圖標設計師社群一起打造世界上最受歡迎的圖標網站。

  • 免費內容: true

  • 付費內容: true

  • 可自訂圖示: true

  • 需要註冊: false



像素之愛

替代文字

PixelLove 擁有超過 15,000 個適用於 iOS 和 Android 平台的圖標,是建立行動網站和應用程式的設計師的首選圖標集合。所有圖示都有多種像素尺寸可供選擇。

  • 免費內容: true

  • 付費內容: true

  • 可自訂的圖示: false

  • 需要註冊: false



流線型圖標

替代文字

三種不同重量的超過 10,500 個。 53個類別,720個子類別,總共30,000多個內容。

  • 免費內容: true

  • 付費內容: true

  • 可自訂圖示: true

  • 需要註冊: true



格拉比克漢堡

替代文字

Graphic Burger是一個特殊且獨特的網站,提供大量免費和付費圖示以及其他圖形元素。本網站上提供的所有圖標都經過精心優化,與各種網站、應用程式和其他圖形用途相容。可用圖示的選擇和種類非常多,幾乎有適合任何主題的圖示。

  • 免費內容: true

  • 付費內容: true

  • 可自訂的圖示: false

  • 需要註冊: false



粉碎圖標

替代文字

Smashicons 提供極其全面的圖標集,目前其庫中包含超過 175,000 個圖標。然而,與提到的其他一些圖標庫不同,並非所有這些圖標都遵循相同的風格。因此,如果您想在網站、應用程式等上保持一致的外觀和感覺,您需要確保您需要的所有圖示都在特定的圖示集中。

  • 免費內容: true

  • 付費內容: true

  • 可自訂圖示: true

  • 需要註冊: true



PNG樹

替代文字

在短短的3年時間裡,Pngtree已經累積了數百萬個獨特的平面設計資源。其中:插圖、向量、模板、背景,最重要的是圖示。

所有圖標都經過分類,可以無縫且快速地存取滿足您需求的設計。

找到圖示後,您可以將其下載為最大尺寸為 512×512 的 PNG 或 SVG 檔案。

  • 免費內容: true

  • 付費內容: true

  • 可自訂的圖示: false

  • 需要註冊: true



偶像震撼

替代文字

超過 200 萬個專業圖示庫,包含 30 多種風格的 400 多個圖示集,包括 Flat、Material、iOS、Glyph、Colorful、Window 10、Revamped Office、3D Realistic、Isometric 等!

除了擁有 200 萬個圖示庫之外,Iconshock 還專注於自訂樣式。具體來說,最受喜愛的有 Material、iOS、Flat、Modern 等。

您可以選擇下載單一圖示或下載整個圖示集。

  • 免費內容: true

  • 付費內容: true

  • 可自訂圖示: true

  • 需要註冊: false



材料設計圖示

替代文字

Material Design Icons 不斷增長的圖標集合允許面向各種平台的設計人員和開發人員下載任何專案所需的格式、顏色和大小的圖標。它已經存在很多年了,並且與許多技術和框架相容。

  • 免費內容: true

  • 付費內容: false

  • 可自訂圖示: true

  • 需要註冊: false

強烈推薦!



材質圖示

替代文字

選擇圖示後,您可以將顏色從黑色變更為白色,反之亦然。您也可以下載 SVG 或 PNG 格式。不過,如果您確實下載了 SVG 格式,則始終可以將顏色調整為特定專案所需的顏色。

更不用說有數百個免費圖示可供選擇,非常適合網站專案和網站以外的任何類型的圖形設計。

  • 免費內容: true

  • 付費內容: false

  • 可自訂的圖示: false

  • 需要註冊: false



免費圖示

替代文字

與我們已經瀏覽過的網站之一類似,FreeIcons 致力於僅突出顯示最突出的圖標包。

每個包包含多達 100 個圖標,大多數都經過精心設計。

但請放心,您還可以找到旅行、美食、女性、特定國家等主題的圖示。

而且,您可以選擇 3D、卡通、手繪、徽章、平滑等多種風格。

  • 免費內容: true

  • 付費內容: false

  • 可自訂的圖示: false

  • 需要註冊: false


原文出處:https://dev.to/weeb/15-of-the-best-and-largest-icon-libraries-4p5n


共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈