無料オンラインSVGエディター

どんなSVGファイルでもオンラインで色を変え、SVG、PNG、JPG、PDFで書き出せます。インストール不要、登録不要、透かしなしの無料ブラウザー版SVGエディターです。

SVGをアップロード

SVGをドラッグ＆ドロップまたはクリックして選択 · .svgファイルのみ、2 MBまで
プレビュー100%
SVGをアップロードすると編集を始められますここにファイルをドロップしても構いません

4ステップでSVGファイルをオンライン編集・色替えする方法

4つの手順で、どんなSVGファイルもオンラインで編集できます。SVGをアップロードし、各要素の色を変え、結果をその場で確認して、ブラウザーを離れずにSVG・PNG・JPG・PDFで書き出せます。

  1. ステップ01

    SVGをアップロード

    SVGをエディターにドラッグ＆ドロップするか、クリックしてファイルを選びます。ファイルはすべてブラウザー内で処理され、アップロードされることはありません。

  2. ステップ02

    どの要素でも色を変更

    SVG内のすべての色がスウォッチとして表示されます。スウォッチをクリックして新しい色を選ぶと、プレビューがその場で更新されます。

  3. ステップ03

    リアルタイムでプレビュー

    変更はすべて市松模様のプレビューにすぐ反映されるので、書き出す前に見た目を細かく詰められます。

  4. ステップ04

    ファイルを書き出す

    SVG、PNG（1×・2×・4×）、JPG、PDFでダウンロードできます。SVGのコードをクリップボードにコピーすることも可能です。

無料オンラインSVGエディターに必要な機能をひととおり

ロゴやグラフィックの手直しを素早く行うための、目的を絞ったオンラインSVGエディターです。どの要素でも色を変え、きれいなSVGコードをコピーし、ソフトを入れずにSVG・PNG・JPG・PDFへ書き出せます。

SVG要素の色を変更

検出された色をクリックすれば、その色を使っている塗りや線をまとめて変更できます。ロゴやアイコンの色替えが数秒で終わります。

複数の書き出し形式

SVG、PNG、JPG、PDFでダウンロードできます。プラグインも変換作業も不要。形式を選んでクリックするだけです。

高解像度のPNG

1×・2×・4×でPNGを書き出せるので、Retinaディスプレイでもスライドでも印刷物でも鮮明なままです。

SVGコードをコピー

ワンクリックでSVGのソースをクリップボードにコピー。そのままコードやデザインツールに貼り付けられます。

ブラウザーで編集

インストールもプラグインもIllustratorのライセンスも不要で、オンラインでSVGを編集できます。すべてブラウザー内で動作します。

登録不要、透かしなし

ページを開いてSVGをドロップし、編集してダウンロード。アカウントも手間も透かしも一切ありません。

デザイナーとチームによるSVGエディターの活用例

ロゴの色替えやECサイトのアイコンから、SNSや印刷物のグラフィックまで。デザイナー、マーケター、開発者がこの無料オンラインSVGエディターで、ブランド素材の統一感をどう保っているかを紹介します。

ロゴの編集

ロゴの塗りと線を新しいブランドカラーに合わせて変更し、SVGか高解像度PNGで書き出せます。

サイトのグラフィック

ランディングページのSVGイラストやUIのアクセントを調整し、細部までブランドカラーに合わせられます。

ECサイトのアイコン

商品アイコン、バッジ、カテゴリー画像の色を変えて、ストアの見た目をブランドどおりに保てます。

SNS

拡大縮小できるSNS用グラフィックの色を変え、どのプラットフォームでも鮮明に見えるPNGやJPGで書き出せます。

マーケティング素材

Illustratorを開かずに、チラシ、広告クリエイティブ、資料用アイコンの配色を刷新できます。

印刷物

色を変えたSVGを4×のPNGやPDFで書き出せば、ポスター、ラベル、グッズをどんなサイズでも鮮明に仕上げられます。

デザイナーがこの無料オンラインSVGエディターを選ぶ理由

速さとシンプルさを重視して作りました。すぐ開けて、すべてブラウザー内で動き、どの編集も数クリックで終わる軽量なオンラインSVGエディターです。

インストール不要

何ギガものダウンロードは不要です。どのOSでも、ブラウザーの中でそのままSVGを編集できます。

処理は100％ローカル

すべての編集は端末側で行われます。SVGが端末の外に出ることはなく、アップロードも保存も閲覧もされません。

編集は即反映

色を変えればプレビューがすぐ更新されます。アップロードやレンダリング待ちはありません。

軽くて目的が明確

やることはひとつ、SVGの色変更と書き出しだけ。回線が遅くてもすばやく読み込めます。

よくあるご質問

はい。オンラインSVGエディターは完全無料で、登録も透かしもなく、編集できるSVGファイルの数にも制限はありません。個人でも商用のプロジェクトでも無料で使えます。
はい。すべてブラウザー内で動作するので、IllustratorやInkscapeなどをインストールしなくてもSVGファイルを編集できます。ページを開いてSVGをドロップし、そのまま編集を始めてください。
はい。SVG内のすべての色がスウォッチとして表示されます。スウォッチをクリックして新しい色を選べば、その色を使っている塗りや線がすべてその場で更新され、ロゴやアイコン、イラスト全体の色を数秒で変えられます。
はい。SVG、PNG（1×・2×・4×）、JPG、PDFで書き出せるほか、SVGのコードをクリップボードにコピーすることもできます。すべてブラウザー内で生成されます。
はい。「書き出し形式」メニューからPDFを選んでください。ブラウザー標準のPDF出力を使うため、アップロードなしでローカルにファイルが作られます。
はい。エディターはブラウザーを使ってSVGの解析、表示、書き出しを行います。ファイルがサーバーにアップロードされることはないので、素材は非公開のまま保たれます。
SVG（ベクター）、1×・2×・4×のPNG、JPG、PDFです。SVGのソースをそのままクリップボードにコピーすることもできます。
はい。画面はレスポンシブ対応です。小さな画面では操作パネルとプレビューが縦に並ぶので、スマートフォンやタブレットからでもSVGを編集できます。

そのSVGにふさわしいランディングページを作る

丁寧に仕上げたグラフィックには、それにふさわしいページが必要です。LanderLabなら軽快でスマートフォンにも最適化されたランディングページを数分で公開でき、編集したSVGをそのまま配置できます。

無料で始める

クレジットカード不要

LanderLabロゴ