Design a simple favicon for your website. Pick a background colour, add one or two characters, choose a shape and preview the result, then download it as a PNG.
Preview
Browsers typically use 16 x 16 or 32 x 32 favicons; 180 x 180 suits Apple touch icons.
How to Use
- Pick a background colour and a text colour.
- Type one or two characters, such as your site initials.
- Choose a shape and check the live preview.
- Select a download size and choose Download PNG.
Key Features
- Live canvas preview as you type.
- Rounded square, square and circle shapes.
- Download sizes from 16 to 180 pixels.
- Works with letters, numbers and emoji.
- Free with no sign-up.
FAQs
What size should my favicon be?
Browsers use 16 x 16 or 32 x 32. Use 180 x 180 for Apple touch icons.
How do I install the favicon?
Upload the PNG to your site root or theme folder and add a link tag in your page head pointing to it.
Can I use emoji in my favicon?
Yes. Emoji render in most modern browsers when drawn on the canvas.
Is the image high quality?
The PNG is generated at the exact pixel size you choose, so it stays crisp.
Related Tools
Try our Color Palette Generator, Hex RGB Converter, Random Color Generator and CSS Gradient Generator.