標籤: SVG 頁1
SVG相關的文章，目前共收錄 112 篇內容。
網路資源
Iconbuddy：是一個收錄許多了上萬種 icon 的線上服務，並可自訂樣式後下載
Iconbuddy 是一個收錄許多了上萬種 icon 的線上服務，你可以選擇自己喜歡的圖示並自訂樣式，網站也提供多種不同的格式可供選擇，這樣就可以按照個別的需求下載圖示。
教學
解決 CSS 利用 :before, :after 設定 content 時，圖片(SVG)長寬為 0 的方法
當使用 CSS :before 和 content 屬性來插入 SVG 圖片時，可能會遇到長寬為 0 的情況。這通常是由於缺少必要的 CSS 屬性導致的。
網路資源
Free SVG Illustration：提供免費 SVG 插圖下載，還可自訂顏色
Free SVG Illustration 是一個提供免費 SVG 插圖下載的服務，並可自訂顏色，還有付費便能取得更多豐富插圖。
網路資源
LogoliveryAI：透過 AI 生成並能下載 SVG 的免費 logo 生成器
LogoliveryAI 是一個免費的基於人工智慧的Logo產生器，可以根據您的指示，在幾秒鐘內創造出符合您需求的免費商標設計，並將所有原始檔案匯出為SVG格式。
網路資源
Loaf：有許多內建效果並可以客製化的 SVG 動畫圖庫
Loaf 是一個有許多內建效果並可以客製化的 SVG 動畫圖庫，下載應用程式後就可以透過介面操作並輸出，只是大多數的動畫都是要錢的，可以斟酌使用。
網路資源
IRA Design：豐富且可自訂內容的線上插圖圖庫
IRA Design 是一個提供更多自訂空間的線上向量插圖圖庫。它具有「即用」插圖，您可以為不同元件（例如角色的頭髮或衣服）選擇單獨的顏色（僅提供漸層）。但您也可以分別下載元件（背景、物件和角色），並在您的裝置上按您的方式組合它們。所有項目都可以在 MIT 授權下免費下載。
網路資源
Illustration Gallery- 免費插畫圖庫，可下載 PNG 或 SVG 格式
Illustration Gallery 是一個免費插畫圖庫，可下載 PNG 或 SVG 格式，而且可以做商業用途。
網路資源
SVG Artista：好用的 SVG 動畫產生器，產生出來的動畫可以直接應用在網頁上
SVG Artista 是一個線上 SVG 動畫產生器，只要上傳檔案到網站上，然後透過介面調整參數，接著將 SVG 以及 CSS 的原始碼複製後，就可以在網站上使用了。
網路資源
Illustroke：輸入關鍵詞與選擇風格，就能透過 AI 生成 SVG 插圖的服務
Illustroke 是一個只要輸入基本的關鍵詞，然後選擇風格和圖層數量，就能透過 AI 生成相應的 SVG 插圖的服務。
網路資源
Vectorizer.AI：簡單上傳圖片，就可以幫你透過 AI 轉成向量圖
Vectorizer.AI 是一個簡單上傳圖片，就可以幫你透過 AI 轉成向量圖的網站，轉換的速度很快而且精度還很高。
![[VS Code 擴充套件] SVG- 方便的 SVG 標籤提示與預覽工具](/assets/upload/1581087747816_0.jpg)
網路資源
[VS Code 擴充套件] SVG- 方便的 SVG 標籤提示與預覽工具
在用 VS Code 寫網站時，如果有需要用到 SVG，推薦可以使用 SVG 這個 extension，只要安裝後就可以提示 SVG 的 code，以及有 SVG 的預覽功能。
網路資源
Wrap SVG Online- 扭曲 SVG 圖形的線上工具
Wrap SVG Online 是一個頗有趣的線上工具，只要上傳 SVG 圖片就可以透過一些變形的點去改變形狀，之後再輸出就可以得到變形後的圖片了。
網路資源
Duet Design System- 提供許多現成的 UI 元件與設計規範方便架設網站使用
Duet Design System 是一個提供許多現成的 UI 元件與設計規範方便架設網站使用的函式庫，並可以與當今熱門前端框架 React、Vue.js 和 Angular 等整合，有興趣的可以參考看看方便加速網站開發。
網路資源
Mono Icon- 免費的 SVG icon，可以複製 SVG code 或者直接下載檔案
Mono Icon 是一個提供免費的 SVG icon 的服務，可以複製 SVG code 或者直接下載檔案，有需要 icon 資源的可以參考看看。