SVG ファイルをブラウザ上で即座に表示・編集・エクスポート。アップロード不要、インストール不要、完全プライベート。
無料で使う →SVG ソースコードを直接編集し、300ms デバウンスで即座にプレビューが更新されます。
編集した SVG ファイルをダウンロードするか、1×・2×・4× 解像度で PNG にエクスポートします。
白・チェッカーボード(透明)・黒の背景を切り替えて正確にプレビューできます。
SVG は DOMPurify でサニタイズしてからレンダリングするため、悪意あるスクリプトから安全です。
SVG ルート要素の width、height、viewBox、fill、stroke を直接編集できます。
ファイルサイズ、総要素数、アニメーションの有無を即座に確認できます。
「ファイルを開く」で SVG をアップロードするか、ドラッグ&ドロップ、SVG コードの直接貼り付け、または「サンプル」で組み込みサンプルを試します。
左パネルで SVG ソースコードを編集すると、右パネルがリアルタイムで更新されます(300ms デバウンス)。属性パネルでルート SVG プロパティをすばやく編集できます。
「↓ SVG」で編集済みファイルをダウンロード、「🖼 PNG」でラスター画像にエクスポート、または「📋 コードをコピー」で SVG ソースをクリップボードにコピーします。