Favicon Generator
A favicon needs to work at 16 pixels in a browser tab and at 512 pixels on a phone home screen. This generates every size a modern site needs from a single source image, packages the classic sizes into an .ico, and gives you the markup to paste into your <head>.
Everything is rendered in your browser — nothing is uploaded.
Runs entirely in your browser. Nothing is uploaded, stored or sent to us.
Loaded Chanel No. 5 Logo for you — back to the Chanel No. 5 Logo page, or pick a different logo below.
Choose a different logo
Or pick one of these:
…or use your own file
SVG, PNG or JPG · drag and drop works too · max 8 MB
2. Adjust and download
Paste this into your <head>
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">
<link rel="manifest" href="/site.webmanifest">
Favicon Generator — frequently asked questions
- What sizes does the favicon generator produce?
- PNGs at 16, 32, 48, 180, 192 and 512 pixels, plus a multi-resolution .ico containing the 16, 32 and 48 pixel versions.
- Do I still need favicon.ico?
- Modern browsers prefer the PNG links in your HTML, but some older browsers and feed readers request /favicon.ico directly, so it is still worth serving one.
- What is the 180 pixel icon for?
- That is the Apple touch icon, used when someone adds your site to an iOS home screen.
How this works
Other tools
- SVG to PNG Converter — Turn any SVG into a crisp PNG at the exact size you need.
- Logo Colour Palette Extractor — Pull the exact HEX and RGB values out of any logo.