ホームへ戻る

SVG作成・変換ツール

プレビュー上でテキストをドラッグ移動できます

プレビュー
512×512px
SVGプレビューを表示できません
使い方・機能一覧
1

テンプレートを選ぶ

バッジ・ロゴ・アイコン・画像ラップ・インポートから用途に合ったベースを選択します。

2

テキスト・カラーを設定

タイトル・サブタイトルを入力し、背景色・アクセント色を変更します。フォント・サイズ・太字・揃えも調整可能。

3

プレビューで確認

プレビュー上でテキストをドラッグして位置を調整できます。「位置を初期化」でリセット可能。

4

書き出し

「SVGコピー」でクリップボードにコピー、または「SVG保存」でファイルをダウンロードします。

テンプレート

  • バッジ角丸枠+テキストのシンプルなバッジ。SNS・ブログのラベルに最適。
  • ロゴグラデーション背景にテキストを重ねたロゴ風デザイン。
  • アイコン正方形ベースのアプリアイコン・ファビコン向けデザイン。
  • 画像ラップPNG/JPEG/WebP 画像をSVGに埋め込み、テキストをオーバーレイ。
  • インポート既存SVGを読み込み、text要素を差し替え・クリーンアップして書き出し。

テキスト装飾

  • ストローク — 文字に縁取りを追加。太さ・色を指定可能。
  • シャドウ — feDropShadow フィルターで影を追加。ぼかし量・不透明度を調整可能。
  • ドラッグ移動 — プレビュー上でテキストをつかんで位置調整。「位置を初期化」でリセット。

注意事項

  • ・ 埋め込みフォントは書き出し後も維持されません(システムフォントに依存)
  • ・ 画像ラップは元画像をBase64でSVGに埋め込むためファイルサイズが大きくなります
  • ・ インポートSVGのスタイル(CSS)は整理オプションで除去できます