Download a favicon from a website: 5 quick ways
Sometimes you just need a site’s favicon quickly (for a shortcut, a reference, or to check which formats are used). Here are the simplest methods.
- Try common paths: /favicon.ico and /favicon.svg
- Check the page source for <link rel="icon">
- Use DevTools → Network to locate icon requests
- Use Google’s favicon cache (quick preview)
- Check manifest.json and apple-touch-icon files
1) Common direct URLs
https://example.com/favicon.ico
https://example.com/favicon.svgIf the site serves icons via CDN or adds cache-busting parameters, the real file might not be in the root. Use methods 2–3.
2) Page source
Open View Source and search for <link rel="icon">, <link rel="apple-touch-icon">, <link rel="mask-icon">. Copy the href URL — that’s the real icon path.
3) DevTools → Network
4) Google favicon cache
Google’s s2 favicon endpoint can return a PNG icon by domain. It’s great for a quick preview, but size/format may differ from the original.
5) manifest.json and Apple Touch icons
Web apps often list icon paths in manifest.json. Also check apple-touch-icon (often 180×180) — it’s frequently the highest-quality PNG.
Respect trademarks and copyright. Use downloaded icons only where appropriate (e.g., personal shortcuts or analysis).