Favicon Generator
Guide: How to Make a Favicon for Your Website
Preview
Making your icons…
Nothing you enter or choose here leaves your device. This tool runs in your browser.
How to use
- 1Type a letter or emoji, or add your logo.
- 2Choose colors and a shape and check the preview.
- 3Download the ZIP and paste the HTML into your page.
Frequently asked questions
Are my images uploaded?
No. Everything happens in your browser. Your images are never uploaded, so they stay private.
Which files do I get?
favicon.ico, 16, 32 and 48 pixel icons, an Apple touch icon, two Android icons, a web manifest and the HTML to paste.
Where do I put the files?
In the root folder of your website, next to your home page.
Can I use an emoji?
Yes. Type it in the text box and it is drawn as the icon.
What image works best?
A square logo with simple shapes. Wide images are cropped to the centre square.
Read the guide
Learn how this works and how to get the most from it.
Images
How to Make a Favicon for Your Website
Which favicon files you need, what sizes they should be, and the HTML to add so every browser, phone and bookmark shows your icon.
1 min read
Related tools
Image Converter
Convert between PNG, JPG and WebP in your browser.
SVG to PNG Converter
Turn SVG files into PNG, JPG or WebP at any size.
Image Cropper
Crop images by dragging, with aspect ratio presets.
Meta Tag Generator
Generate SEO, Open Graph and Twitter Card meta tags with live previews.