SVG Maker
SVG作成・変換ツール
プレビュー上でテキストをドラッグ移動できます
プレビュー
512×512px
テンプレート
512px
画像→SVG は画像サイズ優先、インポートSVG は元viewBox優先
#0B1220
#7C3AED
ファイルインポート
テキスト
位置・サイズ
41
41
スタイル
#FFFFFF
#000000
10
10
25%
インポートSVG 整理 / 変換
100%
使い方・機能一覧
1
テンプレートを選ぶ
バッジ・ロゴ・アイコン・画像ラップ・インポートから用途に合ったベースを選択します。
2
テキスト・カラーを設定
タイトル・サブタイトルを入力し、背景色・アクセント色を変更します。フォント・サイズ・太字・揃えも調整可能。
3
プレビューで確認
プレビュー上でテキストをドラッグして位置を調整できます。「位置を初期化」でリセット可能。
4
書き出し
「SVGコピー」でクリップボードにコピー、または「SVG保存」でファイルをダウンロードします。
テンプレート
- バッジ角丸枠+テキストのシンプルなバッジ。SNS・ブログのラベルに最適。
- ロゴグラデーション背景にテキストを重ねたロゴ風デザイン。
- アイコン正方形ベースのアプリアイコン・ファビコン向けデザイン。
- 画像ラップPNG/JPEG/WebP 画像をSVGに埋め込み、テキストをオーバーレイ。
- インポート既存SVGを読み込み、text要素を差し替え・クリーンアップして書き出し。
テキスト装飾
- ストローク — 文字に縁取りを追加。太さ・色を指定可能。
- シャドウ — feDropShadow フィルターで影を追加。ぼかし量・不透明度を調整可能。
- ドラッグ移動 — プレビュー上でテキストをつかんで位置調整。「位置を初期化」でリセット。
注意事項
- ・ 埋め込みフォントは書き出し後も維持されません(システムフォントに依存)
- ・ 画像ラップは元画像をBase64でSVGに埋め込むためファイルサイズが大きくなります
- ・ インポートSVGのスタイル(CSS)は整理オプションで除去できます