SVGスプライトビューワー

オンラインSVGスプライトビューワーについて

使い方

時には、svg-spriteで生成されたスプライトSVGファイルのすべてのアイコンをプレビューしたい場合があります。

このツールは4つの方法でアイコンを抽出し、表示できます：

1. SVGコードを貼り付ける： 入力ボックスに生のSVGコードを貼り付けて、表示をクリックします。すべてのアイコンが抽出され表示されます。各アイコンを個別にダウンロードも可能です。
2. スプライトSVGのURLを貼り付ける： スプライトSVGファイルのURLを入力し、表示をクリックします。ツールがファイルを取得し、アイコンを抽出してプレビューまたはダウンロードできます。
3. 任意のウェブページのURLを解析： ウェブページのURLを提供すると、ページ内に埋め込まれたインラインSVGアイコンを解析して抽出します。

   ⚠️ 注意：一部のウェブサイトは自動リクエストをブロックする場合があります。提供したURLにアクセスできない場合、次の手順を行ってください：

   • Google ChromeでURLを開く
   • F12キーを押して開発者ツールを起動
   • Elementsタブに移動し、HTMLコード全体をコピー
   • コピーしたHTMLを上記入力ボックスに貼り付けてアイコンを抽出
4. SVGファイルをアップロード： ローカルのスプライトSVGファイルをコンピュータからアップロードできます。アップロード後、アイコンが抽出され、表示およびダウンロード可能です。