SVG Sprite Viewer

Tool is loading

About SVG Sprite Viewer Online

How to use it?

Sometimes, you may want to preview all icons from a sprite SVG file, especially if it was generated using svg-sprite.

This tool offers 4 different ways to extract and view the icons:

  1. Paste SVG Code: Simply paste the raw SVG code into the input box and click View. All icons will be extracted and displayed. You can also download each icon individually.
  2. Paste a Sprite SVG URL: Enter the URL of a sprite SVG file and click View. The tool will fetch the file, extract the icons, and let you preview or download them.
  3. Parse Any Webpage URL: Provide a webpage URL, and we’ll try to parse and extract any inline SVG icons embedded in the page.

    ⚠️ Note: Some websites may block our requests. If we can’t access the URL you provided, please follow these steps:

    • Open the URL in Google Chrome
    • Press F12 to open Developer Tools
    • Go to the Elements tab and copy the full HTML codes.
    • Paste the copied HTML into the input box above to extract the icons
  4. Upload an SVG File: You can also upload a local sprite SVG file from your computer. Once uploaded, the icons will be extracted for viewing and downloading.