オンライン SVG ビューアー & エディター
SVG コードを貼るかファイルをドロップ —— ライブプレビュー、編集、ダウンロード。100% ブラウザー内で。
またはファイルをドロップ / 下にコードを貼り付け
プレビュー
SVG コードを貼るかファイルをドロップするとプレビューできます
使い方
- 1.svg ファイルをドロップするか、SVG コードをエディターに貼り付けます。
- 2入力に合わせてプレビューがリアルタイム更新 —— 市松模様・明るい背景・暗い背景を切り替えられます。
- 3コードパネルで属性・色・パスを直接編集します。
- 4結果をダウンロードするか、コードをクリップボードにコピーします。
無料・登録不要・透かしなし —— すべてブラウザー内でローカルに動作するため、ファイルが端末を離れることはありません。
よくある質問
SVG はサーバーにアップロードされますか？
いいえ。ビューアーは完全にブラウザー内で動作します —— ファイルが端末を離れることはありません。
SVG コードを直接編集できますか？
できます。コードパネルは完全に編集可能で、変更のたびにプレビューが再描画されます。
SVG が途中で切れて見えるのはなぜ？
たいてい viewBox が無いか、値が誤っています。viewBox が図形の座標範囲を覆っているか確認してください。