SVG エディター

図形や文字を描くか SVG ファイルを開いて、移動・色変更・書き出しができます。SVG コードの表示とコピーも可能です。

無料・インストール不要・登録不要・ログイン不要・透かしなし

🔒 ファイルはアップロードされません。すべてブラウザ内で処理します。

使い方

  1. ツール(四角・円・線・ペン・文字)で描くか、「SVG ファイルを開く」を押します。
  2. 「選択」に切り替え、図形をクリックして移動、丸いハンドルでサイズ変更、色の変更ができます。
  3. 「SVG をダウンロード」(または PNG)を押します。コードをコピー/貼り付けたいときは「SVG コード」を開きます。

SVG エディター

このエディターは、検証済みのシンプルな図形から SVG を自分で組み立てます。SVG ファイルやコードを読み込む際は、単純な図形(矩形・円・楕円・線・折れ線・多角形・パス・文字)だけを読み取り、スクリプト・画像・フィルター・リンク・スタイルは安全のためスキップして、何を飛ばしたか知らせます。

曲線パスは細かい直線に変換され、ファイル内の変形(transform)は無視されます。シンプルなアイコン・図表・ロゴ向けで、複雑なアートワークの編集には向きません。

任意の「AI コマンド」タブでは、チャットボットが図を安全な要素のリストとして記述します。生の SVG コードは出力されないため、危険な内容が紛れ込みません。

よくある質問

ネットで入手した SVG を開いても安全ですか?

ファイルがそのまま表示されることはありません。単純な図形だけを読み取って作り直し、スクリプト・画像・リンク・スタイルなどはスキップされます。

開いた SVG の見た目が少し違うのはなぜ?

曲線は近似され、ファイル内のグラデーション・フィルター・パターン・変形・スタイルには対応していません。

SVG コードをコピーできますか?

はい。キャンバス下の「SVG コード」を開いて「コピー」を押します。コードを編集して「コードを読み込む」も使えます。

ほかの作図ツール

📖 ガイド:フローチャートの記号と、わかりやすい書き方 · 作図ツール ›