SVG エディター（無料・オンライン）— 図形やテキストを描いて SVG をダウンロード

はい。アカウントも、透かしも、書き出しの制限も、有料プランへの誘導もありません。エディターはすべてブラウザ内で動作し、ページを読み込んだ後はインターネットから切断しても動き続けます。私たちがこうしたツールを作っているのは、サイトに人が来てくれるからで、その中には後に、私たちがクライアント向けに行っているデザイン、Web、ソフトウェアの仕事を必要とする人もいます。

長方形（角丸も可）、楕円と円、三角形、五芒星、直線、矢印、フリーハンドのペンの線、3 つのフォントファミリーのテキストです。どの図形にも個別の塗り、線、線幅、不透明度があり、移動、サイズ変更、複製、重なり順の変更ができ、必要なら 10 px のグリッドにスナップします。図、シンプルなアイコン、注釈、仮のロゴはこれで十分です。ベジェ曲線のノード編集、グラデーション、レイヤー、ブーリアン演算には対応していません。それらが必要なら Inkscape や Figma を使ってください。

部分的にはできます。どこまでできるかはエディターが正確に教えてくれます。「SVG を開く」では、長方形、円、楕円、直線、ポリライン、ポリゴン、パス、テキストを、色と位置を保ったまま読み込みます。忠実に再現できないものは崩すのではなく読み飛ばし、何を読み飛ばしたかをメッセージで報告します。transform 属性を持つ要素、変形付きのグループ、<use> と <image> の参照、グラデーションの塗り、CSS のスタイルシートです。シンプルなアイコンや図はきれいに開けますが、Illustrator から書き出した複雑なイラストはたいてい開けません。できるふりをするより、正直にそう伝えたいと考えています。

拡大縮小する、あとで編集する、Web サイトで使う、といった場合は SVG です。どのサイズでも鮮明なままで、通常は PNG よりはるかに小さく、CSS でスタイルを変えられます。固定のビットマップが必要な場合は PNG です。SVG の扱いが苦手な文書やスライドに貼り付ける、SVG を受け付けないプラットフォームにアップロードする、ただ画像がほしいだけの人に送る、といった場合です。2× と 3× のオプションを使えば、高 DPI の画面でも鮮明な PNG が得られます。迷ったら両方ダウンロードしてください。どちらも無料です。

いいえ。描画、編集、書き出しはすべて、標準の SVG と Canvas の API を使ってブラウザ内で行われます。当サイトのサーバーには何も送信されません。描いたものはブラウザのローカルストレージに自動保存されるので、再読み込みしたり誤ってタブを閉じたりしても失われません。そのコピーは端末に残り、「新規」を押すと消去されます。

はい。描いたものはあなたのもので、ライセンスもクレジット表記も不要で、個人でも商用でも使えます。書き出したファイルには、あなたの図形と標準の SVG マークアップしか含まれないので、ライセンスが必要な当サイトのものは何も入っていません。

エディターはブラウザが描画するのと同じ SVG で描いているので、図形は完全に一致します。違いが出うるのは 2 つです。1 つはグリッドで、エディター専用なので書き出されません。もう 1 つはテキストで、フォントを埋め込まずにどのマシンでも同じように表示されるよう、一般的なフォントファミリー（Arial、Georgia、Courier New）を使っています。表示するアプリにそのフォントがない場合は近いフォントで代用されるので、テキストの幅が数ピクセルずれることがあります。