How to Create a Favicon
Creating a favicon is a 60-second job: start from a square, generate a multi-size .ico, and link it in your HTML <head>. This guide walks through every step.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Your source image should be square and at least 512×512. SVG is even better — it scales without quality loss.
The minimum viable setup is a single multi-size favicon.ico. Modern setups also include an SVG, a 180×180 apple-touch-icon, and a 192×192 + 512×512 PNG pair for PWA install prompts.
How it works
- 1
Prepare a square source
512×512 PNG or an SVG with a square viewBox.
- 2
Generate
Use our favicon generator to bundle all sizes into a single .ico.
- 3
Install
Drop favicon.ico into your site root and link it in <head>.
Try it now
Create your favicon now
Favicon GeneratorFAQ
What's the easiest tool to make a favicon?+
Our favicon generator — upload, click generate, download. No signup, no upload to a server.
What size should my source image be?+
512×512 minimum. SVG is ideal.
Do I need an apple-touch-icon?+
Yes, if you want a clean home-screen icon on iOS. 180×180 PNG, linked via <link rel="apple-touch-icon">.
Related tools
Favicon Generator
Generate a complete favicon pack (ICO + PNGs) for every device and browser.
PNG to ICO Converter
Free online PNG to ICO converter for Windows icons, app icons, and website favicons.
SVG to PNG Converter
Rasterize SVG vector graphics into PNG at any resolution.
Favicon Checker
Check any website's favicon — validate sizes, formats, and missing icon variants.