How to Copy or Save a Website Favicon on Windows
By Khushi Yadav
To get a website's favicon, find its address and open it on its own: press Ctrl+U on the page to view the source, press Ctrl+F and search for rel="icon", then open the URL in the href next to it. With the icon open in its own tab, right-click it and choose Save image as to keep a file, or Copy image to paste it somewhere else. If the page source has no icon link, try /favicon.ico at the root of the site, for example https://example.com/favicon.ico.
Step 1: Find the favicon's address
From the page source
- Open the website in Edge or Chrome.
- Press Ctrl+U to open the page source in a new tab.
- Press Ctrl+F and search for
icon. - Look for lines such as
<link rel="icon" href="...">or<link rel="apple-touch-icon" href="...">. - Click the
hreflink, or copy it into the address bar. Relative paths such as/favicon.pngare relative to the site's address.
Sites often list several icons. MDN explains that browsers choose between multiple rel="icon" links using their type, media and sizes attributes, so look at those attributes to find the largest or the SVG version. The apple-touch-icon link, which Apple devices use for home-screen icons, is often a larger PNG than the tab icon.
From DevTools
- Press F12 to open DevTools and select the Network tab.
- Reload the page (F5) so DevTools records what it loads.
- Type
iconorfaviconin the Filter box. - Select a result. The Preview tab shows the image, and hovering the Name column shows its full URL.
You can also open the Elements panel and expand the <head> element to read the same <link> tags.
The /favicon.ico fallback
Many sites still keep an icon at /favicon.ico in the site root. Type the site address followed by /favicon.ico and see whether an icon loads.
Step 2: Save or copy the icon
With the icon open in its own tab:
- To keep a file: right-click the image and choose Save image as. Give it a name that says where it came from, such as
example.com-favicon-180.png. - To paste it into another app: right-click the image and choose Copy image, then paste with Ctrl+V into Paint, Word, Slack or a design tool.
- SVG favicons: an
.svgicon is text. Save it as a file, or open the URL withview-source:in front and copy the markup if you want to paste SVG code. How to copy and paste SVG as vectors explains when that's useful.
Favicons are tiny, often 16 or 32 pixels square, so they look like a speck in a large preview. Zoom the browser tab (Ctrl and +) to check it's the right image; zooming doesn't change the saved file.
Pick the right file type
| You want | Get |
|---|---|
| A sharp icon at any size | The SVG version, if the site lists one |
| A larger raster icon | The apple-touch-icon PNG, or the rel="icon" link with the biggest sizes value |
| The classic tab icon | /favicon.ico, which can contain several sizes in one file |
| Something to paste into a document now | Open the largest PNG and use Copy image |
Why you might get a shortcut instead of an icon
If you copy a link to the icon, or copy page content that includes it, and then paste or drop it into a folder, Windows can create an Internet shortcut rather than an image file. Why dropping from the clipboard creates a useless shortcut explains why. Saving the icon from its own tab avoids this; web images: drag, copy, or save as compares the options.
Using other sites' favicons
A favicon is usually a company's logo, so it's covered by trademark and often copyright. Using one to identify a site, for example in a bookmarks page, a link list or a bug report, is common. Collecting logos into an icon pack you publish or sell, or using them in a way that suggests a partnership, is different, and the brand's guidelines decide what's allowed. Is it legal to collect UI screenshots for inspiration? covers the general rules.
Copying tiny images and clipboard history
A favicon is far below the 4 MB per-item limit of Windows clipboard history, so a copied icon fits easily in Win+V. If you're gathering many icons, save each one as a named file rather than relying on history, which keeps only 25 items and clears unpinned items on restart. Building a sticker and icon kit shows a way to organise them.
FAQ
Why does my saved favicon look blurry?
You probably saved a 16 or 32 pixel icon and scaled it up. Look for a larger PNG, an apple-touch-icon or an SVG in the page source.
Can I right-click the icon in the browser tab to save it?
No. Edge and Chrome don't offer a save or copy option on the tab icon. Open the icon's URL in its own tab instead.
What if the icon is an .ico file and I need a PNG?
Check the page source for a PNG or SVG version first, since most sites provide one. Otherwise, open the .ico in an image editor that supports the format and export it as PNG.
Related reading
- Web Images: Drag, Copy, or Save As — Which Is Best?
- How to Organize a Personal Sticker and Icon Kit
- Browser DevTools Copy Options: Copy as cURL and Beyond
- How to Save a Copied Image With Your Own File Name
Sources
- Link types: icon (MDN) — rel="icon", how browsers choose among several icons, and apple-touch-icon.
- Inspect network activity (Microsoft Edge DevTools) — the Network tool's Filter box, Preview panel and Name column.
- Using the clipboard (Microsoft Support) — clipboard history's 25-item and 4 MB limits.
Khushi Yadav writes Edge Drop's workflow and design guides and is a B.Tech Computer Science Engineering student. Khushi's posts are checked against Microsoft's documentation and the Edge Drop fact sheet.
GitHub · LinkedInCopy. Stack. Drop.
Transform your clipboard into an interactive edge shelf. Stack, pin, and drag assets into any app with zero friction.
Download for Windows Get from Microsoft Store
How to Install Guide · First 10 Minutes Guide · Drag & Drop Guide · Edge Drop vs Win+V · Support
Free · Lightweight · Privacy First