# Download a logo from a website

> Download a company’s logo from its website as SVG or PNG: find the brand page, copy the header SVG, get large app icons, and know when you may use it.

Canonical page: https://sitepeel.dev/guides/download-logo-from-website/

To download a logo from a website, paste the link into a free asset extractor and search for logo: the header logo is usually an SVG or PNG file. Or right-click it, choose Inspect and copy the SVG. For official use, get the files from the company’s brand or press page.

Published: 2026-11-04

Tool used in this guide: [Image downloader extension](https://sitepeel.dev/image-downloader-chrome-extension/index.md)

Free website tool for this task: [Asset extractor](https://sitepeel.dev/free-tools/asset-extractor/index.md) (https://sitepeel.dev/free-tools/asset-extractor/)

## In short

- Most header logos are SVG: sharp at any size, often with no file to save
- The favicon and app icons are small square versions of the logo
- A brand or press page has the official files, in every color
- Logos are trademarks: fine for links and mentions, not as your own

## How to use it

1. **Look for a brand page** Look for Brand, Press or Media kit links, often in the footer. Official logo files are there.
2. **Paste the link** Otherwise paste the link into the free asset extractor and type logo in its search box.
3. **Pick the best file** Prefer SVG. For PNG, press Largest to put the biggest files first.
4. **Download or copy** Download the file, or open an SVG and press Copy SVG code to paste it into Figma.

## Where a website keeps its logo

Places to find a site’s logo, and what each gives you

| Where | What you get | How to find it |
| --- | --- | --- |
| Header logo | An inline SVG, or an SVG or PNG file | Inspect it, or search logo in the asset extractor |
| Favicon and app icons | Square icons from 16 to 512 pixels | The favicon downloader |
| Social sharing image | A wide picture, often with the logo on it | `og:image` in the page’s head |
| Brand or press page | Official SVG and PNG files with usage rules | Brand, Press or Media kit links |

## Save an inline SVG logo

- Right-click the logo and choose Inspect.
- Find the `<svg>` element, right-click it and choose Copy > Copy outerHTML.
- Paste it into a text file and save it as logo.svg.
- Add `xmlns="http://www.w3.org/2000/svg"` to the opening tag if it is missing.
- Replace `currentColor` with the logo’s color, or it turns black.

- [More on saving SVGs from a website](https://sitepeel.dev/guides/download-svg-from-website/index.md)

## Get a large, sharp version

- SVG scales to any size. Use it whenever the site has one.
- Apple touch icons are usually 180 pixels, and web app icons go up to 512 pixels.
- Sharper PNG logos often have @2x in the name or a larger size in srcset.
- Don’t enlarge a small PNG: it turns blurry. Ask the company for a vector file.

- [SVG downloader: every SVG on a page as a file, free](https://sitepeel.dev/free-tools/svg-downloader/index.md)
- [Favicon downloader: every icon size, free](https://sitepeel.dev/free-tools/favicon-downloader/index.md)

## Can you use a company’s logo?

Logos are trademarks. Showing one to name or link to the company, as in an article or a list of customers, is common. Using it as your own, or in a way that suggests a partnership, needs permission. Most brand pages say what they allow.

## Questions and answers

### How do I download a logo from a website?

Check the site for a brand or press page first. Otherwise paste the link into a free asset extractor and search for logo, or right-click the logo, choose Inspect and copy the SVG.

### How do I get a company logo in high resolution?

Use the SVG version: it stays sharp at any size. Look on the brand or press page, or save the SVG from the site’s header. App icons up to 512 pixels work for square marks.

### How do I get a logo as a transparent PNG?

Most site logos are SVG, or PNG with a transparent background already. Open an SVG in Figma or Inkscape and export a PNG at the size you need.

### Why can’t I right-click the logo to save it?

It is an inline SVG written into the HTML, or a CSS background. Inspect it and copy the SVG, or let the asset extractor list it as a file.

### Can I use another company’s logo?

To name or link to the company, usually yes. As your own logo, or to suggest a partnership, not without permission. Read the company’s brand guidelines.

## Further reading

- [The Open Graph protocol](https://ogp.me/)
- [MDN: the SVG <svg> element](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/svg)

## Related pages

- [Download SVGs from a website](https://sitepeel.dev/guides/download-svg-from-website/index.md): Save inline SVGs, sprite icons, SVG files and CSS background SVGs from any website, step by step, with Chrome DevTools or a free online asset extractor.
- [Download icons from a website](https://sitepeel.dev/guides/download-icons-from-website/index.md): Download a website’s icons: interface SVGs, sprite icons, icon fonts, favicons and app icons. Save each as a file, find the icon set and check its license.
- [Extract website images](https://sitepeel.dev/guides/extract-images-from-website/index.md): Download a website’s images, SVGs and videos, choose the right size and see why some files won’t download. Online or with Sitepeel for Chrome.
- [Find larger website image sources](https://sitepeel.dev/guides/download-original-website-images/index.md): Get the larger image behind a website thumbnail: open the gallery view, check srcset and currentSrc, and know when the original isn’t public.