1M
Tools
計算機
変換ツール
画像ツール
テキストツール
ジェネレーター
開発者ツール
CSSツール
カラーツール
ソーシャルメディアツール
JA
1M
Tools
計算機
変換ツール
画像ツール
テキストツール
ジェネレーター
開発者ツール
CSSツール
カラーツール
ソーシャルメディアツール
Language
🇬🇧
English
🇩🇪
Deutsch
🇯🇵
日本語
🇪🇸
Español
🇫🇷
Français
Theme
Loading...
All Tools
241
計算機
40
変換ツール
20
画像ツール
25
テキストツール
21
ジェネレーター
25
開発者ツール
37
CSSツール
23
カラーツール
15
ソーシャルメディアツール
10
other
25
Browse Tools
ホーム
画像ツール
SVGエディター - ライブプレビュー付きオンラインSVGコードエディター
SVGエディター - ライブプレビュー付きオンラインSVGコードエディター
プリセットテンプレートと即座のライブプレビュー付きでSVGコードを作成・編集できます
画像ツール
Tool
Presets
circle
rect
star
icon
gradient
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200"> <circle cx="50" cy="50" r="40" fill="#6366f1" stroke="#4338ca" stroke-width="2" /> </svg>
179 characters
Live Preview
Copy SVG
Download SVG
使い方
1
プリセットテンプレートから始めるか、エディターで独自のSVGコードを記述します
2
入力するとライブプレビューが即座に更新されます
3
SVGコードをコピーするか、SVGファイルをダウンロードします
よくある質問
どのようなSVG機能がサポートされていますか?
有効なSVGコードであればすべてプレビューで動作します。図形、パス、テキスト、グラデーション、フィルター、アニメーションが含まれます。
信頼できないSVGコードで使用しても安全ですか?
プレビューはdangerouslySetInnerHTMLを使用してSVGを直接レンダリングします。信頼できるコードまたは自分で書いたコードのみを使用してください。