SVGコード

プレビュー

エクスポート設定

SVGファイル

.svgでダウンロード

PNG画像

PNGにラスタライズ

React JSX

コンポーネントに変換

Data URI

Base64エンコード

CSS背景

背景として使用

オンラインSVGビューアとは?

SVGビューアは、Scalable Vector Graphics (SVG) ファイルをブラウザで直接検査およびプレビューするための無料ツールです。高品質なベクターファイルは複雑な場合がありますが、当社のビューアでは、視覚的な結果と基盤となるXMLコードを並べて確認できます。

実装前にSVGの寸法、色、パスを確認する必要がある開発者にとって不可欠なユーティリティです。ファイルはデバイス内に留まるため、ベクターアセットを安全かつ迅速に管理できます。

オンラインSVGビューアの使い方は?

  1. SVGファイルをビューアにドラッグアンドドロップするか、コンピュータから選択します。
  2. 「プレビュー」タブと「コード」タブを切り替えて、ファイルのさまざまな側面を検査します。
  3. 最適化されたコードをコピーするか、プレビューを使用してデザインの詳細を確認します。