SVG ビューアー – SVG コードを安全に表示 | petuja.tools

SVG コード

SVG/XML コードを貼り付けるか、直接編集してください。

プレビュー

安全のため、スクリプトと外部リソースはブロックされます。

100%

有効な SVG コードがここに表示されます。

このツールの機能

SVG ビューアーは SVG コードをブラウザー内で直接レンダリングし、外部サービスへ送信せずにベクター画像を確認できるようにします。

使い方

完全な SVG ドキュメントをコード欄に貼り付けるか、XML を直接編集します。
レンダリングされた画像を確認し、ズームやパン操作で細部を調べます。
別の SVG を確認する場合は、表示をリセットするかコード欄をクリアします。

実用例

自作した SVG をウェブサイトで使用する前に確認する。
ベクター画像の viewBox、図形、余白をブラウザーで確認する。
SVG コードの小さな変更とレンダリング結果を比較する。

注意事項と制限

コードはブラウザー内でローカルに処理されます。スクリプト、埋め込み HTML、外部リソースはブロックされます。
未対応または安全でない可能性がある SVG コンテンツは、プレビューから削除される場合があります。

よくある質問

SVG が表示されないのはなぜですか？

内容が有効な XML で、ルート要素が <svg> になっていることを確認してください。不完全または不正なドキュメントはレンダリングされません。

外部の画像やフォントは読み込まれますか？

いいえ。安全のため、外部リソースと実行可能なコンテンツはブロックされます。