DEVtoySVGからCSS
SVGをCSS background-imageのデータURLに変換し、ローカルでプレビューします。
使い方
- 入力を貼り付けるか、下のサンプルを読み込みます。
- オプションを調整し、「CSSに変換」を選択します。
- 結果を確認し、コピーまたはダウンロードします。
アップロード不要。アカウント不要。処理はブラウザ内で完結します。
入力例
<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>