Gradientify Icons 免費 SVG 漸層圖片集,可自訂顏色打包 500 種圖案

最後更新於 2020 年 07 月 07 日

前段時間很流行漸層色,像是在一些背景、文字或配色組合都會看到,利用 CSS3 語法可以快速寫出來,或是透過 Gradient BackgroundsCoolHue 和 Blend 類似的網頁漸層背景產生器,不過如果是應用在圖示圖案上就比較少一點,想起以前推薦過的 unDrawIllustration Gallery 就是可以自訂圖案主要顏色的圖示集,也在商業網站看過實際使用,質感和效果非常不錯。若你想要類似圖案但又帶上漸層色,可參考接下來要介紹的免費圖示集。

本文要推薦的「Gradientify Icons」是一套免費互動式的 SVG 圖示集,專為漸層愛好者設計!這套圖示由 Iconshock 提供,一共收錄約 500 個圖案,使用者可以透過線上的漸層調色盤快速將特定顏色變化套用到圖示,預覽後點選下載一次打包所有圖示。

Gradientify Icons 提供包含 SVG 向量圖和 PNG 圖片格式,無法個別下載,一次就會直接打包整套圖案,要注意的是免費下載的使用者不可將圖示使用於商業用途(僅限於個人用途),且使用時必須要標示來源出處。若要商業使用需要付費,付費方案從 $19 美元至 $129 美元。

Gradientify Icons
https://www.iconshock.com/svg-icons/

使用教學

STEP 1

開啟 Gradientify Icons 網站點選「See icons」或將頁面往下拖曳就能看到這套圖示,是類似於手繪效果、但看起來很生動活潑的風格,搭配上漸層色很適合使用在網頁設計。

STEP 2

從左側的調色盤可以選擇兩個不同顏色,用以製作出兩顏色之間的漸變效果,或直接點選預先設定好的顏色快速套用,選好後圖示會有一部分的色彩變化,這和前面提到的 unDraw 一樣都是具有一個主色彩,讓每個圖案即使套用不同顏色依然有一定的可識別性。

STEP 3

左上角有一個 CSS 按鈕點選後會產生該顏色的漸層色 CSS 程式碼,亦可快速對調兩個顏色位置。

STEP 4

最後,點選左下角的「Download icons」下載圖示,下載前會跳出不同方案的價格和比較,點選最左邊的「Free Download」可以打包並獲取完整的 SVG & PNG 格式,但免費版僅限個人使用,不能使用於商業用途,使用時必須標示出處來源;如果需要使用於商業用途的話或取得授權可以考慮付費購買其他方案。

值得一試的三個理由:

  1. 專為漸層色愛好者設計的免費圖庫,提供大約 500 種圖案
  2. 免費用戶僅可使用於個人用途,必須標示來源並連回原網站
  3. 開放 SVG 和 PNG 兩種常見圖片格式下載

 

相關的文章

useAnimations 免費動態圖示下載,可用於應用程式或網站介面開發

如果要開發應用程式或製作網站,我們通常會尋找適合的免費圖示,如此一來就能減少開發成本,也能更快製作出符合期待的介面,像是 Ikonate、Potlab Icons、Unicons 和 illustrio 都可以直接套用到使用者操作介面的圖示集,而且也具備一定程度的可自訂性,對於開發者來說是不可多得的資源。

illlustrations 開放原始碼免費插圖素材下載,提供四種常見格式可商用

網路上有不少免費的素材模版可供使用者下載使用,但其實付費項目也不少,有些可以透過很實惠的價格購買,若不擅長製圖的開發者也不用擔心沒有可用的素材圖案,像是之前推薦的 unDraw 就收錄許多可商業用途的扁平化圖示,還有調性很像的 Illustration Gallery、Glaze 等等都有提供常見圖片格式,也能線上更換主要配色;Vector Creator 則開放素材讓使用者自行組合運用,可自製任何你想要的插圖。

DrawKit 為設計師和新創團隊提供 PNG、SVG 兩大格式免費插圖下載

去年介紹過 unDraw 可商用扁平化免費圖示下載,是一個適合使用在網站、簡報或應用程式開發的圖片素材,後來陸續推薦了 Illustration Gallery 和 Glaze 兩個風格非常相近的免費圖庫,提供 PNG 和 SVG 兩種常見格式為主,不過 unDraw 和 Illustration Gallery 可以線上直接修改、即時預覽素材主要顏色更能搭配使用者設計,達到非常一致性的風格,畫面看起來也更舒服。

Glaze 免費插圖素材庫,各類型 PNG 格式下載可用於產品或簡報製作

有時候製作報告、產品說明或投影片簡報時會用到插圖,你都去那些地方下載呢?雖然網路上有不少免費圖庫,但大多以攝影照片為主,要尋找插圖得找對網站,例如我之前介紹過的 unDraw 就收錄不少可商業用途的扁平化圖示下載,還提供向量圖格式,更棒的是可以線上直接調整主要顏色;另一網站 Illustration Gallery 和前者有點像,也算是 unDraw 替代方案,提供可使用於部落格或社群網站的各式插圖素材。

Stories by Freepik 可自訂顏色背景免費插圖素材,加入動畫效果製作影片

上次介紹 Freepik 免費圖庫已經是七年前的事,這家公司後來推出 Piktab 讓使用者開啟瀏覽器新分頁時隨機顯示素材資源,取代原有單調無趣的分頁功能;也有 Slidesgo 收錄免費 Google Slides 和 PowerPoint 簡報模板下載,其實免費圖庫公司已經不單單只有提供圖片相片,而是有許多不同類型的變化,亦可吸引更多使用者進入,例如 Icons8 最早是以免費圖示起家,後來還開發可以讓使用者自行設計圖庫的 Moose Photos、免費音樂庫 Fugue 或是自製插圖的 Vector Creator。

iconmonstr 超過 4000 個免費圖示 SVG、EPS、PSD 和 PNG 格式下載

如果你在製作專案或開發網站、應用程式需要用到圖示,網路上有非常多免費圖示可供下載選擇,通常只需要找到合適的設計風格,稍微研究一下授權方式就能使用,不需要自己重新開發一套圖示,特別是一些線條較為簡單、精簡的圖案設計很適合使用在各種情境,例如修改自 Font Awesome 的 Line Awesome、具完整自訂性的 Ikonate、手工打造的高品質圖示集 Zwicon 和 Feather Icons、Octicons 等等。

回應