A logo as an SVG scales to any size without going blurry, which is exactly why designers and developers want the vector version rather than a screenshot. If a website displays its logo as an SVG, you can usually download it. Here’s how.
First, check that the logo is actually an SVG
Right-click the logo and choose Inspect. In the Elements panel you’re looking for one of two things:
- An
<svg>element (the logo is drawn inline), or - An
<img>whosesrcends in.svg(the logo is a linked vector file).
If you instead see a .png, .jpg, or .webp, the logo is a raster image — there’s no vector to extract, and no tool can magically turn it into clean SVG paths.
Method 1: Grab it from developer tools
For an inline <svg>:
- Right-click the
<svg>element in the Elements panel. - Choose Copy → Outer HTML.
- Paste into a text editor and save with a
.svgextension.
For a linked .svg file, open its URL directly in a new tab and save the file. The catch: logos often rely on CSS for their colors, so a copied inline logo can come out black or broken once it’s on its own.
Method 2: Use the SVG Export extension
SVG Export is built for exactly this. Open the page with the logo, click the extension, and it lists every SVG on the page — including many CSS background logos that are awkward to grab by hand. Because it inlines the styles, the logo downloads with the right colors intact.
From there you can:
- Download it as an SVG, or convert to PNG/JPG if you need a raster version.
- Rename it before saving so it lands in your downloads folder ready to use.
- Copy the SVG code straight into Figma or your codebase.
A note on usage rights
Being able to download a logo doesn’t mean you’re free to use it. Logos are typically trademarked, and many brands publish specific usage guidelines. Grab the file for reference or mockups freely, but check the brand’s terms before shipping it anywhere public.
Frequently asked questions
- How do I know if a logo is an SVG?
- Right-click the logo and choose Inspect. If you see an <svg> tag or an <img> pointing to a file ending in .svg, it's a vector. If it points to a .png, .jpg, or .webp, the logo is a raster image and can't be converted to SVG by downloading.
- Where can I download official brand logos in SVG?
- Many companies provide logos in their press or brand kits, and sites like Wikipedia/Wikimedia Commons host SVG versions. If a site renders its logo as an SVG, SVG Export can pull it directly from the page.
- Can I download a logo that's used as a background image?
- Sometimes. CSS background SVGs are harder to grab manually, but SVG Export detects many of them and lists them alongside inline and linked SVGs.
- Is it legal to use a logo I downloaded?
- Downloading a logo is one thing; using it is another. Logos are usually trademarked, so reusing one — especially commercially or in a way that implies endorsement — may require permission. Always check the brand's usage guidelines.
Download SVGs the easy way
Extract every SVG on any page and export to SVG, PNG, or JPG — free, for Chrome, Firefox, and Edge.
