How to Download a Logo from Any Website — 5 Legitimate Ways
You need a bank's logo for a deck, a service icon for an integration diagram, a partner's mark for the "trusted by" slide. The first instinct is a screenshot. It's the worst possible option: a blurry raster with a chunk of background you'll be embarrassed to place in a mockup. Meanwhile, the logo already exists on that site in excellent quality — you just need to know how to take it.
From best to worst: a logo catalog (SVG in one click) → the brand's press kit (official files) → extracting the SVG via DevTools (30 seconds) → right click → save image → and only if everything failed, a screenshot. The legal side is at the end; spoiler: for most everyday uses, you're fine.
Method 1. Right click — sometimes enough
Right click the logo → "Save image as…" or "Open image in new tab". If the logo is a plain <img>, you get the source file — often an SVG, which solves the task perfectly.
When it fails: the logo is inlined as code, set as a CSS background, or covered by another element. The menu simply won't offer saving. Then — method 2.
Method 2. DevTools — extract anything in 30 seconds
Works identically in Chrome and Firefox:
- Right click the logo → Inspect.
- The panel lands near the logo's element. The cases:
<img src="...">— open the src URL in a new tab and save.<svg>...</svg>— inlined logo. Right click the tag in the panel → Copy → Copy element — the SVG code is in your clipboard. Paste into a file with an .svg extension, or straight into Figma (Ctrl+V — Figma parses SVG from the clipboard).background-image: url(...)in the styles — open the URL and save.
- Inspect the loot: a real SVG consists of
<path>shapes, not a single<image>tag wrapping a bitmap.
Headers often carry a simplified or animated version. Footers, press sections and inner pages frequently hold a fuller version — or a link to the official asset archive.
Method 3. The brand's press kit — the official path
Most mid‑size and large companies keep a "Press", "Media" or "Brand assets" section with SVG/PNG logos, brand colors and usage rules. It's the most correct source: guaranteed‑current official files with the rules printed right next to them. Look for a footer link or search "brand name brand assets".
Method 4. Logo catalogs — when you need many, fast
When you need several logos (a bank list, a partner grid, a services diagram), visiting five sites with DevTools gets tedious. Catalogs solve it in one place: official versions, consistent quality, SVG and PNG together.
Our logo catalog is built for exactly this: hundreds of Russian and global brands, each with SVG, sized PNGs, one‑click code copy and even on‑page recoloring. For "payment methods" and "trusted by" grids — the shortest route there is.
Method 5. The screenshot — last resort
If the logo is baked into a raster image along with a background (a video thumbnail, say), a screenshot plus cleanup remains: crop, background removal. Quality equals on‑screen size — i.e., mediocre. Before settling, try methods 3 and 4: a proper file exists somewhere for almost any brand.
Is this even legal?
Downloading a logo isn't infringement — the manner of use can be. The principle: showing a logo to refer to the brand itself (in an article, a deck, an integration list, payment methods) is fine; passing it off as yours, implying a partnership that doesn't exist, or putting it on merchandise you sell is not. The full breakdown with case law and a situation table is in can you use someone else's logo.
Wherever you place someone's logo — don't distort it: no stretching, no recoloring into your palette, no cropping. That's both legally cleaner and more professional. The distortion rules are covered in the brand book article.
Advanced DevTools: three techniques for hard cases
When plain Inspect can't find the logo, dig deeper:
- The Network tab. DevTools → Network → filter Img, reload. The list shows every image the site fetched, including ones hidden in CSS and scripts. Sort by name — logos are usually called logo‑something. Double‑click opens the file for saving.
- Source‑wide search. DevTools → Ctrl+Shift+F → search "logo" or ".svg". Finds logo paths baked into JS bundles and JSON configs where Inspect never looks.
- Pseudo‑elements and icon fonts. If the logo is drawn via ::before with an icon font, no image file exists at all. Check Computed → content and font‑family: you'll need the font itself or a proper file from the press kit.
General tip: mobile versions sometimes serve a different, simpler logo file — toggle device emulation in DevTools and check.
Verifying the quality of what you grabbed
Three quick tests before use:
- Vector or wrapper? Open the SVG in a text editor: a real vector consists of
<path>shapes; a single<image>tag is raster masquerading as SVG. - Is the version current? Brands redesign, and old versions of marks live for years in footers, stale landing pages and subdomains. Compare your find against the brand's homepage or fresh social profiles.
- Is it the full version? Headers often carry a truncated variant (mark only, or a small‑size simplification). Decks usually need the full logo — the press kit has it.
Typical tasks and the best route for each
| Task | Optimal route |
|---|---|
| One known brand for a slide | catalog: SVG in 10 seconds |
| A "trusted by" grid of 10 logos | catalog: uniform quality and style |
| A little‑known local company's logo | DevTools on their site |
| A logo for high‑quality print | press kit (vector + rules live there) |
| A logo out of a PDF deck | open the PDF in Illustrator/Inkscape and extract the vector |
| An old logo no longer on the site | web.archive.org + DevTools |
The last row is the underrated trick: the Wayback Machine stores old site versions together with their logo files — a lifesaver when you need a historical variant of a mark.
In short
The screenshot is the last resort, not the first. Catalog or press kit first (official SVG in seconds), DevTools second (extracts a logo from any site), raster compromises last. Place the vector undistorted — and it'll be both pretty and legal.
Save yourself the DevTools trip: in our logo catalog any major brand's logo downloads as SVG or PNG in one click — or copies as code straight into Figma.