DEVtoy
語言 · 繁體中文

SVG 轉 CSS

將 SVG 編碼為 CSS background-image 資料 URL,並於本機預覽。

使用方式

  1. 貼上輸入內容或載入下方範例。
  2. 調整選項後按「轉換為 CSS」。
  3. 檢查結果後複製或下載。

無需上傳、無需帳號,處理完全於瀏覽器內完成。

輸入範例
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M20 6 9 17l-5-5"/></svg>

相關工具