1. Home
  2. Web
  3. Download all svgs from any web page in chrome

How To Download All SVGs From Any Web Page In Chrome

If you ever need an official logo for a company or web service the best place to find it is on the official website for said company. You might be able to find a good, high resolution PNG image of a logo however, an SVG file is a better option, if it’s available. Svg-grabber is a Chrome extension that can download all SVGs from any web page. It beats having to dig around and manually look for them. The extension can find them all, add them to a zip file, and save them to your local drive.

Download All SVGs

Install Svg-grabber from the Chrome Web Store. Visit a web page that you want to download all SVGs from. For our test, we visited Apple’s website. The home page doesn’t have any SVG files to download. Running the the extension tells you as much i.e. when you run it on a web page that has no SVGs files, it will tell you that there are none to download. The iPhone X page on Apple’s website however does have SVGs.

Once you’re on a web page, click the extension’s icon next to the URL bar and a new tab will open showing you all the SVG files it found on the page. You can copy an SVG file to your clipboard, download only the few you need, or click the ‘Download all SVGs’ button to add them all to a zipped file and download them.

We should mention that the extension is slightly buggy. When it zips and downloads the SVGs, they’re not always all there. A simple way to fix this problem is to simply zip and download them again. Once you download all SVGs from a web page, make sure you extract the archive and check if the files are all there.

You can view SVG files in Edge, Internet Explorer, and Chrome. The default Photos app cannot open them.

A Word About Fair Use & Plagiarism

This tool lets you save SVGs from any web page. In cases where you’re saving, for example, the Apple logo and you intend to use it to indicate something to do with Apple, it’s fair use. If however you use the logo, or other files in your own design projects, it might be considered plagiarism. Not many companies are going to come after you if you’ve copied the close button from their website but you shouldn’t do it in the first place. If you have no other choice, it might be a good idea to ask the website owners for permission before you use their files.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.