標籤: SVG 頁1
網路資源
LottieFiles- 收錄透過 After Effect 外掛 bodymovin 轉出來的動畫網站
之前跟大家介紹過 bodymovin 這個可以把 After Effect 的動畫轉出來給網頁用的外掛，而他們官方也有提供使用者分享各自製作的動畫的網站，可以到上面找找有沒有喜歡的動畫效果。
網路資源
designstripe- 免費的線上插圖繪製工具
designstripe 是一個免費的線上插圖繪製工具，即使不會繪圖軟體也可以使用，免費方案可以下載 png 或 jpg 圖片，也可以付費下載向量格式的圖片。
網路資源
SVG Viewer- 線上檢視還有最佳化 SVG 的工具，亦可轉檔出 SVG 或 React 格式
SVG Viewer 是一個可以線上檢視還有最佳化 SVG 的工具，亦可轉檔出 SVG 或 React 格式。
網路資源
Squircley- 線上 SVG 圖片產生器，可製作方形、圓形或圓角的方形
Squircley 是一個線上 SVG 圖片產生器，可製作方形、圓形或圓角的方形，只要透過簡單的設定就能輸出圖形。
網路資源
Radix Icons- 小型免費 icon 下載，可選擇 SVG, Sketch 與 Figma 等格式
Radix Icons 是一個收錄小型免費 icon 的網站，可選擇 SVG, Sketch 與 Figma 等格式下載。
網路資源
System UIcons- 專門為系統及產品開發設計的免費 icon
System UIcons 是一套專門為系統及產品開發設計的免費 icon，可選擇直接下載 SVG 檔案或使用 SVG code 嵌入網站。
網路資源
Icons8 Illustrations- 大量免費插畫下載，提供 SVG 與 PNG 格式
Icons8 Illustrations 是一個收錄了大量插畫的網站，提供 SVG 與 PNG 格式讓人免費下載。
網路資源
iconmonstr- 超過 4000 個免費圖示下載，提供 SVG、PNG、EPS等格式
iconmonstr 提供了超過 4000 個免費圖示，可以選擇 SVG、PNG、EPS等格式下載。
網路資源
Storyset- 可自訂樣式及動畫的免費插畫集
Storyset 是一個可自訂樣式及動畫的免費插畫集，點選有興趣的插畫，就可以設定想要顯示的元素、顏色及動畫，設定好就可以直接下載免費使用。
網路資源
Open Peeps- 手繪風格的人物插畫
Open Peeps 是一個手繪風格的人物插畫圖庫，可以依據設定人物的特徵產生出獨特的角色圖，決定後再下載即可，下載前可選擇要贊助創作者或是直接下載，都可以商用。
網路資源
Line Awesome- 線條風格的 icon 圖集
Line Awesome 是一個收錄線條風格的 icon 圖集，名字會類似 Font Awesome 是因為是以該圖示為基礎來繪製 icon 的，目前已有數千個圖示可以使用。