你知道 icon 有分很多類型嗎? 外框線、色塊、混合、……,要怎麼依照自己的需求尋找 icon? 文章依照不同網站 icon 的特色,分成
- 單色/彩色
- 可在線上編輯/可以在預設的選項中挑選/不可以編輯
- 主題:動物/人物/建築
- 綜合
趕快來找找有沒有你想要的 icon!
單色 ICON 網站
【可自訂顏色】
ICOOON MONO
(使用條款)
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-18-1024x722.png)
HUMAN PICTOGRAM 2.0
(使用條款)
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-4-1024x633.png)
Icon-rainbow
(使用條款)
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-3-1024x475.png)
Noun Project
免費帳戶只能下載黑色
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-21-1024x493.png)
![icon 免費下載](https://junlearning.com/wp-content/uploads/2023/03/image-20-1024x496.png)
對話框
(使用條款)
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-6-1024x533.png)
CALLIGRA:英文、日文書法字
(使用條款)
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-13-1024x566.png)
![icon 免費下載](https://junlearning.com/wp-content/uploads/2023/03/image-15-1024x1005.png)
【不能改變顏色、形式】
Standart.io
(使用條款)
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-33-1024x595.png)
Free icons of Taiwan
(點這裡 下載 )
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-31-1024x455.png)
![icon 免費下載](https://junlearning.com/wp-content/uploads/2023/03/image-32-1024x614.png)
LINE Illustration labo:線條類型的 icon
(使用條款)
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-30-1024x491.png)
彩色 ICON 網站
【可以自訂顏色/選擇預設的顏色、類型】
town-illust:建築相關的 icon
(使用條款)
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-9-1024x547.png)
〖動物〗
DACHOJU-GIGA:兔子跟青蛙們
(使用條款)
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-11-1024x621.png)
STAMPO
(使用條款)
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-16-1024x744.png)
〖人物〗
humaaans
Free for commercial or personal use by Pablo Stanley. 一次下載會包含 .sketch、.fig、.xd、.studio、.svg、.png 檔
Open Doodles
(使用條款) 可以下載向量檔 (SVG)
![](https://junlearning.com/wp-content/uploads/2023/03/fa8058d6627575ba5b40b1f878d92e6a1558f695.png)
unDraw
(使用條款) 可以編輯顏色、下載向量檔 (SVG)
manypixels
(使用條款) 可以編輯顏色、下載向量檔 (SVG)
![](https://junlearning.com/wp-content/uploads/2023/03/manypixels.jpg)
Blush
可以編輯顏色、人數、配件等元素……
![](https://junlearning.com/wp-content/uploads/2023/03/blush-scaled.jpg)
【不能改變顏色、形式】
FLAT ICON
(使用條款)
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-22-1024x562.png)
〖人物〗
Combo set of 108 customizable illustrations
免費下載包含
- 只有 PNG 檔
- 108 個插圖
- 2 種插圖風格
- 免費個人使用、商業使用
![](https://junlearning.com/wp-content/uploads/2023/03/customizable-illustrations.jpg)
Isometric
免費下載包含
- PNG、SVG
- 免費個人使用、商業使用
![](https://junlearning.com/wp-content/uploads/2023/03/image-1-1024x826.png)
Power People Platform
全部免費、可以商用!
![](https://junlearning.com/wp-content/uploads/2023/03/image-5-1024x553.png)
Toy Faces
只有這八個是免費、可以商用的 其他就要額外付費購買
![](https://junlearning.com/wp-content/uploads/2023/03/image-3-1024x511.png)
buttsss
就跟網站名稱一樣,很多個屁股XD
綜合 ICON 網站
【可以改變顏色、形式】
icon8
進階設定需付費
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-26-1024x539.png)
![icon 線上編輯](https://junlearning.com/wp-content/uploads/2023/03/image-27-1024x418.png)
ICONFINDER
![icon 線上編輯](https://junlearning.com/wp-content/uploads/2023/03/image-35-1024x864.png)
FLATICON
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-36-1024x422.png)
![icon 線上編輯免費下載](https://junlearning.com/wp-content/uploads/2023/03/4-3-1024x498.jpg)
【不能改變顏色、形式】
freepik
![icon 網站](https://junlearning.com/wp-content/uploads/2023/03/image-24-1024x542.png)
![icon 下載](https://junlearning.com/wp-content/uploads/2023/03/image-23-1024x403.png)
小技巧
雖然列出這麼多個網站,但其實只要找幾個用起來比較順手、風格比較喜歡的,就很夠用了。
Tips:把同一類型 icon 放在一起,版面看起來會更有一致性
Notice:用之前要記得看使用條款,必要的時候還是要付費取得喔!
如果還有什麼好用的網站都歡迎留言告訴我~
也可以到 簡報設計學院 找找更多相關資源!