Favicon Generator
Generate favicons in multiple sizes
Download Sizes
HTML Snippet
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png"> <link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png"> <link rel="icon" type="image/png" sizes="128x128" href="/favicon-128x128.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png"> <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png">
Favicon Generator
Generate favicons in multiple sizes
Features
- Canvas-rendered favicons in 8 sizes: 16, 32, 48, 64, 128, 180 (Apple Touch), 192, 512 (PWA)
- Output is PNG — modern browsers accept <link rel="icon" type="image/png">; .ico is no longer required
- Three shapes: square, rounded, circle
- Text content (1-2 characters), background and text colours
- Generates a copy-pasteable HTML <link> snippet matching the sizes you generated
How to use
- Enter your input data in the provided field.
- Configure any options as needed.
- View the results instantly and copy or download the output.
Tips & Best Practices
- PNG favicons work in every modern browser. The ancient .ico format is only needed for IE 10 and earlier.
- Generate at least the 32x32 (browser tab) and 180x180 (apple-touch-icon) sizes for solid coverage.
- 192 and 512 are the standard sizes for the Web App Manifest (PWA installs).
- Drop the downloaded files in your site's public/ root and paste the snippet into <head>.
- For a transparent icon, set the background to a colour matching your page; canvas doesn't produce true transparency with a coloured shape.
FAQ
Is this tool free to use?
Yes, completely free with no registration, no limits, and no hidden costs.
Is my data private?
All processing happens in your browser. No data is ever sent to any server or third party.
Does it work offline?
Once loaded, the tool works entirely offline. All processing is done client-side with JavaScript.
Which browsers are supported?
Works in Chrome, Firefox, Safari, Edge, and all modern browsers on desktop and mobile.
Can I use the results commercially?
Yes, all output is yours to use freely in any personal or commercial project without restrictions.