How to download SVG icons and vector images
Short answer
An SVG on a web page can be one of two things: a file the browser fetched, or markup written directly into the page. The first can be saved like any image. The second has no file behind it, which is why the right-click menu offers nothing. A bulk downloader collects the SVGs that exist as real files and saves them as .svg, with the vector data intact and no conversion to pixels.
Doing it by hand
Right-click the icon and choose Save image as… — which works when the SVG was loaded as its own file.
When the menu offers nothing, the usual route is developer tools: find the element or the network request, then copy the markup or the file out by hand.
Where that falls apart
- Inline SVG is part of the page's own markup, so there is no file for the browser to offer you.
- Icons used as CSS backgrounds have no context menu entry at all.
- Copying markup out of developer tools loses whatever styling lived in the page's stylesheet, so the icon can come out black or the wrong size.
- Icon sets run to dozens of files, and doing any of this dozens of times is not a plan.
Doing it with ImgDown
Step 1
Scan the page
Open the image list. SVGs that the page loaded as files appear alongside the bitmaps, each tagged with its format so they are easy to pick out.
Step 2
Filter down to SVG
Turn off every file type except SVG. What is left is the vector artwork on the page — usually logos, icons and diagrams — with everything else out of the way.
Step 3
Download them as vectors
Files are saved exactly as the site serves them, so a .svg stays a .svg: still editable, still scalable, never flattened into a bitmap on the way out.
Related questions
Try it on the page you have open
Free, no account, and it works on the next gallery you open.