七大精選免費icon網站

設計師一定擁有的：Flaticon

於最上方控制列，你可以點擊創作者、icon種類等來查看更多icon設計，而動態icon免費可以下載「gif」、「mp4」、「png」，若需要「svg」、「json」、「psd」等檔，需加入付費會員喔！而日漸強大的flaticon是設計師手頭必須擁有的！

網頁好朋友：fontawesome

介面簡潔明瞭，間距可以說是推薦的這七大網頁中最舒適的排列（小編私心），而為何說是網頁好朋友的原因，是因為除了可以下載圖檔以外，亦可透過sdn的方式（簡單來說是連結貼至程式碼），如下圖則拷貝html的部分（工程師亦可分為不同語言來選擇）。此外，顏色、線條、動態與否，皆可在這邊調整後並下載。

網頁好朋友之不容忽視的Google：google icon

免費使用的google font竟然也有icon可以使用？線條粗細、icon大小可直接調整，點擊icon會跳出側邊欄，一樣有直接下載的按鈕（svg / png）或是程式碼置入的部分，而在上方列可以透過不同分類篩選去找到屬意的icon喔！

UI界成長中：MingCute icon

目前有2452種icon，點擊後輸入HEX碼或是RGBa可調整顏色，有兩種下載方式，一種是svg原碼，另一種則是下載svg或png檔（建議svg檔才不會失真）

小補充：HEX碼是什麼

小補充：svg與png的差別

3D icon看過來：ICONINDER

不只平面icon，在ICONFINDER也有3D的icon！免費的將近有兩百多萬可使用，可透過篩選「免費」來找找看適用的！

多種程式碼可置入：phosphor icons

與font-awesome相同方法！但此網站更有趣的是，篩選方式會以粗細為主，顏色肯定也可以變化！還更方便直接拖拉選擇顏色即可，而不知道要選什麼？用骰子碰運氣吧！ 而程式碼的語言是本篇七大推薦中最多種的一個網站 ，大家可以多看看囉！

重量級介紹：ikonate

前面介紹的icon網頁有的功能大同小異，而ikonate多了兩個不一樣的篩選功能：

1.線條轉角是否為圓角
2.夜間模式

這實在是太受用了！！！！夜間模式現在也是UI與UX考量的重要點之一，操作介面也會不同，大家可以來玩看看喔！