Tools
SVG Icon Extractor
Paste an SVG sprite file and extract individual icons. Supports <symbol> sprites and <g id> groups. Preview, copy, or download each icon — free, browser-side.
FreeSymbol SpritesDownload IconsBrowser-side
How SVG sprites work
SVG sprites bundle multiple icons into a single file for performance. The standard approach uses <symbol id='icon-name'> elements — each containing the paths for one icon. To render an icon, HTML references the symbol by ID using <use href="#icon-name"/>. This tool reverses that process, separating each symbol back into a standalone SVG file.
Supported sprite patterns
- Symbol sprites:
<symbol id='name'>— used by Heroicons, Feather, Lucide, Material Icons - Group sprites:
<g id='name'>— older pattern used in some legacy icon sets - Single SVG: Regular SVG file — returned as one extracted icon
Related SVG tools
- SVG Editor — edit SVG markup with live preview
- SVG Optimizer — minify and clean SVG files
- SVG to PNG — export SVG at any resolution
Related tools
- SVG Editor / ViewerEdit and preview SVG markup in real time. Inspect paths, adjust attributes, and download the result.
- SVG OptimizerMinify and clean up SVG files by removing unnecessary metadata, comments, and redundant attributes.
- SVG Background Pattern GeneratorGenerate seamless SVG background patterns — dots, grids, waves, and more. Copy CSS or download SVG.
- Image CompressorCompress JPG, PNG, and WebP images while preserving visual quality — browser-side.
- Image ResizerResize images to exact pixel dimensions or by percentage with aspect ratio lock.
- Image CropperCrop images with a visual editor and preset aspect ratios like 1:1, 4:3, 16:9.