標籤: SVG 頁1

網路資源

60Logo- 大量品牌 logo 以及 icon 下載

60Logo 是一個收集大量品牌 logo 以及 icon 的網站,可以透過搜尋選擇自己想要的 logo 或 icon,並可下載 SVG 或 png 格式的檔案。

網路資源

Standart.io- 線條風格 icon 免費下載,提供 SVG 與 Sketch 格式

Standart.io 提供了一套線條風格 icon 讓使用者免費下載,可以下載的格式包含 SVG 與 Sketch。

網路資源

IconBros- 持續更新的免費 icon 組,目前已有超過 10000 個 icon

IconBros 是一個由設計師繪製並持續更新的免費 icon 組,上面的 icon 都有顯示是多久以前更新的,目前已有超過 10000 個 icon,可以下載 SVG 或 png 格式。

網路資源

LRicons- 專門收錄左右箭頭 icon 的網站

LRicons 是一個專門收錄左右箭頭 icon 的網站,你可以選擇想要的樣式後,複製 SVG 的 code 或下載檔案。

網路資源

Openclipart- 超過 10 萬張免費插圖下載

Openclipart 是一個有著超過 10 萬張免費插圖的網站,透過 CC0 授權可以免費下載使用。

網路資源

SVG Patterns Gallery- 用 SVG 畫的圖樣,可以用來做背景素材

SVG Patterns Gallery 是一個收錄用 SVG 畫的圖樣的網站,可以用來做背景素材,有興趣的也可以研究一下是怎麼畫出這些圖樣的。

網路資源

Iconshock- 超過 200 萬個 icon 免費下載,並可自訂樣式及特效

Iconshock 是一個有著超過 200 萬個 icon 免費下載的網站,上面有著 30 種的樣式分類,並可自訂樣式及特效,可以依據網站的樣子尋找比較適合的 icon 使用。

網路資源

unDraw- 豐富的 SVG 插畫,可以下載以及商用

unDraw 是一個提供豐富的 SVG 插畫的網站,可以下載以及商用。

網路資源

Maki Icons- 免費開源的圖示下載

Maki Icons 是一套免費開源的圖示下載,下載後的格式是 SVG,他也提供了編輯器,讓你可以自訂要下載的顏色和大小等。

網路資源

SVG Backgrounds- 提供 SVG 的網站背景,並可以客製化樣式

SVG Backgrounds 是一個提供 SVG 的網站背景的網站,並可以依據選定樣式客製化內容。

網路資源

Zondicons- 由加拿大設計師設計的免費 icon,提供 SVG 下載

Zondicons 是由加拿大設計師設計的免費 icon,提供 SVG 下載。

網路資源

Typicons- 提供 CSS icon font 與 SVG 的免費圖示集

Typicons 是一個提供 CSS icon font 與 SVG 的免費圖示集,可以下載後選擇想要的方式嵌入網頁。

網路資源

FLAT ICON DESIGN- 日本設計師設計的扁平化風格 icon,可免費下載及應用

FLAT ICON DESIGN 是一個日本設計師設計的扁平化風格 icon 套組,可以透過分類尋找想要的 icon,並提供免費下載及應用。

網路資源

Evil Icons- 提供免費使用的簡單 icon 集

Evil Icons 是一個提供免費使用的簡單 icon 集,提供 SVG 下載或使用 icon font 的方式嵌入網頁。

網路資源

365cons- 設計師以連續 365 天每天繪製一個 icon 並釋出免費下載

365cons 是由西雅圖設計師 Amy 以連續 365 天每天繪製一個 icon 來當每日任務的專案,而且會把每天繪製的 icon 釋出並提供免費下載,可以去找找有沒有喜歡的。

網路資源

to [icon]- 許多風格的 icon 集合網站,採用 CC 授權即可免費使用

to [icon]- 許多風格的 icon 集合網站,採用 CC 授權的方式,只要標注來源並連回網站即可免費使用。

教學

[SVG] 製作線條的動畫效果(Line Animation)

有時候可能會看到一些網站有線條會隨著形狀慢慢跑出來的效果,這種效果我們可以使用 SVG 搭配 CSS 的動畫來幫我們達成。

網路資源

PrestaShop 提供的 icon font 服務,也可以直接下載 svg 圖片來使用

這組是由 PrestaShop 所提供的 icon font 服務,也可以直接下載 svg 圖片來使用。