在設計網頁或是應用程式時,通常都會需要使用到一些小 icon 圖示,雖然要設計這些小圖示並不難,但很花時間,如果沒有特別風格上的要求,其實網路上有很多免費素材是可以運用的,如之前介紹的 Share Icon 或是 use Animations。
若比起單色的圖標,,
最後就能一口氣將所有的 icon 免費打包下載回來使用,提供 PNG 與 SVG 兩種檔案格式,也可以直接複製 CSS 漸層色代碼。但要注意的是個人使用需標註來源出處,商業使用的話就需參考其它的付費方案。
- 網站名稱:Gradientify
- 網站網址:https://www.iconshock.com/svg-icons/
網站畫面:
開啟網站後點擊「See icons」就可以看到所有的 icon 圖標。
![](http://briian.com/wp-content/uploads/2020/03/gradientify_1.png)
在左側有準備了一百多種的配色建議,直接點擊就能在右側預覽效果。
![](http://briian.com/wp-content/uploads/2020/03/gradientify_2.png)
點擊上方的色點,就能分別設定漸層兩端的用色,隨意調配自己喜歡的顏色組合。
![](http://briian.com/wp-content/uploads/2020/03/gradientify_3.png)
點擊上方的「CSS」就可以直接複製 CSS 漸層代碼。點擊「雙箭頭」可交換顏色的位置。
![](http://briian.com/wp-content/uploads/2020/03/gradientify_4.png)
最後點擊下方的「Download icons」,再點擊「Free Download」就可以免費下載打包所有的 icon 圖標。若欲商用可參考另外三款付費方案。
![](http://briian.com/wp-content/uploads/2020/03/gradientify_5.png)