Extract every SVG from any website.
Icons, logos, illustrations, including the inline ones that never exist as files. Download them as SVGs, or copy the source straight into Figma as editable vectors.
01The inline SVG problem
The icons you want are almost never files. Modern sites inline their SVGs straight into the markup, which is why right-click has no “save image” for them and why most downloaders come back empty. pagehaul reads the rendered page, collects every inline SVG, and turns each one into a real, downloadable file, alongside the hosted .svg files the page loads normally.
Empty vector wrappers and invisible spacer graphics are filtered out, so the Icons tab holds actual icons, previewed on the checker board where transparent shapes stay legible.
02Straight into Figma or your editor
Every SVG can be copied as source. Paste into Figma and it arrives as editable vector layers; paste into a code editor and it is markup, ready to inline. Or download any selection as files, one zip, organised and named. The same scan also collects every image, font, video and 3D model on the page.
03Questions people ask
How do I save an SVG file from a website?
Paste the address into pagehaul and open the Icons tab. Every SVG on the page is there, downloadable as files or copyable as source.
Can it extract inline SVGs that are not files?
Yes. Most icons live inline in the markup and never exist as files anywhere; pagehaul collects them anyway and turns each into a downloadable SVG.
How do I extract a logo from a website?
Logos are usually SVG or high-resolution images. Scan the page and check the Icons and Images tabs; the copy button hands an SVG logo to Figma as editable vectors.
Can I paste an extracted SVG into Figma?
Yes. Copy an SVG as source in pagehaul and paste into Figma; it arrives as editable vector layers, not a flattened image.
Is it legal to use an SVG icon from another website?
Downloading gives you no rights to it. Icons carry licences like any asset. Built for sites you own, migrations and reference.