這6個開源圖標網(wǎng)站，你知道嗎？
時間：2023-06-13 11:15:01 | 來源：網(wǎng)站運營
時間：2023-06-13 11:15:01 來源：網(wǎng)站運營
這6個開源圖標網(wǎng)站，你知道嗎？：友設第 4 篇原創(chuàng)文章
2021 年原創(chuàng)文章目標第
2/50 篇
這是一個讓你快速提升設計能力的公眾號，歡迎關注~
前兩期整理了
可商用的插畫網(wǎng)站和字體，
沒有收藏的點擊這里查看：
→ 可商用的插畫素材網(wǎng)站
?→ 可商用的字體
本期給大家整理了
可商用的圖標網(wǎng)站，
你還在苦苦的畫 icon 嗎？
這些圖標網(wǎng)站可以解放你的雙手
一、IconPark網(wǎng)址：
http://iconpark.bytedance.comIconPark 是字節(jié)跳動公司內部產(chǎn)品體系使用的官方圖標庫，現(xiàn)在可以免費使用了。
IconPark 圖標庫是一個通過技術驅動矢量圖標樣式的開源圖標庫，可以實現(xiàn)根據(jù)單一 SVG 源文件變換出多種主題， 具備豐富的分類、更輕量的代碼和更靈活的使用場景；致力于構建高質量、統(tǒng)一化、可定義的圖標資源，讓大多數(shù)人都能夠選擇適合自己的風格圖標。
IconPark的特點：
- 提供超過 2000+ 預設圖標、32 種圖標分類；
- 支持 4 種主題和在線換膚：線性、填充、雙色、四色；
- 網(wǎng)站提供多種便捷操作：復制 SVG code、復制 React 組件、復制 Vue 組件、下載 PNG、下載 SVG，無論是設計師還是開發(fā)者，使用起來都非常方便；
- 針對前端開發(fā)者，還提供多種 NPM 包下載。
是不是很 nice ~
以后都不要畫了，在線調整完樣式后再下載 SVG，爽歪歪！
二、Remix Icon網(wǎng)址：
https://remixicon.com/特點：
- 每一枚圖標都是按照統(tǒng)一標準進行設計，擁有完美像素對齊；
- 設計風格一致，完勝那些拼湊混搭的圖標庫；
- 設計簡潔易懂，特別是很多交互意義的圖標，創(chuàng)意十足又具有該有的代表性。
三、Iconfont網(wǎng)址：
https://www.iconfont.cn/這個網(wǎng)站大家應該比較熟悉了，這個也是我使用比較頻繁的開源圖標網(wǎng)站。好處就是圖標多而全，可以說是滿足大部分設計師的需求。但是相對于 IconPark 來說，缺點就是不能在線調整圖標的小細節(jié)。所以這兩個網(wǎng)站可以結合使用。
Iconfont 也有整組的圖標庫，在產(chǎn)品初期，可以找一套完整的來使用，不夠的話再補充，提高效率。
四、Bootstrap Icons網(wǎng)址：
https://icons.bootcss.com/Bootstrap 圖標庫 的設計初衷是與 Bootstrap 組件配合使用，從表單到導航組件等。Bootstrap 圖標庫 全部是 SVG 文件格式，能夠輕松快捷地進行縮放，保證清晰，并可以通過 CSS 設置顏色。雖然 Bootstrap 圖標庫 是為 Bootstrap 而開發(fā)的，但也可以應用在任何項目。
特點：
- Bootstrap 是一個凝聚了設計與html/css/js 極致追求的一個移動優(yōu)先的UI框架，多年來被大量使用在移動+PC的項目上，組件非常優(yōu)美大氣。而 Bootstrap Icos 像它一樣，非常漂亮，風格中性，適合運用在很多項目上；
- 每個圖標幾乎都有線性和填充兩種樣式，每一個質量都很高，這滿足絕大部分的交互需求；
- 提供 SVG 文件格式，運用非常廣泛。
五、Iconmonstr網(wǎng)址：
https://iconmonstr.com/特點：
- iconmonstr 的圖標表現(xiàn)力非常豐富，非常適合用在PPT、企業(yè)官網(wǎng)設計下的大圖標塊以及 UI 界面上的大圖標模塊；
- 風格為以簡單線條構成的圖標，收錄超過 4000+ 種圖標；
- 由單一創(chuàng)作者維護，而且還在不斷更新中，這在很大程度上保證了圖標的質量；
- 提供 SVG、EPS、PSD、PNG 和內嵌原始碼等各種格式下載，滿足了設計師和開發(fā)者的各種需求場景；
- iconmonstr 還有提供一套類似于之前推薦的 remix icon的 web 圖標庫 Iconic Font，有超過 300 個小型免費圖標，更加的簡潔精致，很適合使用于網(wǎng)頁或界面開發(fā)。
六、Feather Icon網(wǎng)址：
https://feathericons.com/特點：
- 每一枚圖標都是按照統(tǒng)一標準進行設計，具有完美像素對齊；
- 同樣，也可以在線調整圖標樣式、顏色等，然后再下載。
以上 6 個網(wǎng)站為目前主流的開源圖標網(wǎng)站，根據(jù)每個網(wǎng)站的特點用在不同的場景下，會讓設計師事半功倍。
end
在線咨詢