← Back to Blog

Design & Creative | Published Aug 21, 2026 | Updated Oct 13, 2026 | 6 min read

How to Copy or Save a Website Favicon on Windows

By Khushi Yadav

How to Copy or Save a Website Favicon on Windows — Edge Drop Guide

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

  1. Open the website in Edge or Chrome.
  2. Press Ctrl+U to open the page source in a new tab.
  3. Press Ctrl+F and search for icon.
  4. Look for lines such as <link rel="icon" href="..."> or <link rel="apple-touch-icon" href="...">.
  5. Click the href link, or copy it into the address bar. Relative paths such as /favicon.png are 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

  1. Press F12 to open DevTools and select the Network tab.
  2. Reload the page (F5) so DevTools records what it loads.
  3. Type icon or favicon in the Filter box.
  4. 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 .svg icon is text. Save it as a file, or open the URL with view-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 wantGet
A sharp icon at any sizeThe SVG version, if the site lists one
A larger raster iconThe 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 nowOpen 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

Sources

Khushi Yadav
Written by Khushi Yadav · Author & Content Writer

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 · LinkedIn

Copy. 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
Find us on CodeHype