無料ツール
日本語
SVG · スプライト · 生成
SVG · スプライト · 生成. 入力項目: 各行にIDとSVGパスを縦線で区切る, サイズ (px). 値を入力して実行してください。例で形式を確認し、結果をコピーまたは保存できます。
登録不要
ツールを読み込み中…
使い方
- 1入力項目: 各行にIDとSVGパスを縦線で区切る, サイズ (px).
- 2ツールを実行して結果を確認してください。
- 3結果をコピーするか入力を変えて比較してください。
使う前に
例で出力形式を確認し、原本を別に保管。変換した値・空白・改行を確認してから使ってください。
広告配信で通信情報を処理する場合があります。パーソナライズはプライバシー選択に従います。 プライバシー（英語）
実際の入力と出力の例
実際のエンジンに以下の例を入力した結果です。個人の入力や保存作業は使いません。ツールの例読込で同じ入力を確認できます。
入力例
| 項目 | 値 |
|---|---|
| 各行にIDとSVGパスを縦線で区切る | arrow|M4 12h16M14 6l6 6-6 6 check|M5 12l4 4L19 6 |
| サイズ (px) | 24 |
結果例
<svg xmlns="http://www.w3.org/2000/svg"><defs><symbol id="arrow" viewBox="0 0 24 24"><path d="M4 12h16M14 6l6 6-6 6" fill="none" stroke="currentColor"/></symbol><symbol id="check" viewBox="0 0 24 24"><path d="M5 12l4 4L19 6" fill="none" stroke="currentColor"/></symbol></defs></svg>
入力条件
以下は入力検証の許容範囲であり、すべての値が現実的・適切だと保証するものではありません。
- サイズ (px): 許容範囲: 1 ≤ x ≤ 1,024 · 整数のみ