Converters
Favicon Generator
Create a favicon from letters or your own image, preview it at real sizes and download PNG icons for any website.
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png">
Favicon Generator
Create a favicon from letters or your own image, preview it at real sizes and download PNG icons for any website.
The Favicon Generator is an easy-to-use tool to create high-quality icons for your website. It allows you to design simple, text-based favicons or upload your own image, customize colors, and adjust the shape to match your brand's aesthetic perfectly.
To use the tool, type 1–3 characters for your icon, pick your background and text colors, and adjust the rounding slider. If you prefer, you can upload your own image file using the upload input. Once satisfied, click any of the size buttons (16, 32, 48, 180, 192, or 512 px) to download your icons instantly.
For instance, if your brand uses a blue color scheme, you can set the background to that blue, choose white text with your brand's initial, and download a 32×32 pixel file to use as your website icon. The tool also provides a snippet of HTML to easily add the icons to your project.
Remember that browsers cache favicons, so you might need to clear your site data to see changes after updating. This generator runs entirely in your browser, ensuring no data is ever uploaded or stored externally.
Key Features
- Favicon Generator: 100% free, no sign-up
- Instant results as you type
- Private: runs in your browser
- Works on phone, tablet and desktop
- Available in English, Spanish, French and Arabic
How it works
The tool creates a favicon by drawing text or an image onto a hidden canvas element and exporting it as a PNG file at the selected resolution.
Worked example
Frequently asked questions
What sizes should I use?
Common sizes are 16×16 for tabs, 32×32 for standard use, and 180×180 for Apple devices.
Can I use transparent backgrounds?
The tool sets a background color for your favicon. For transparency, edit your image before uploading.
Why doesn't my icon change?
Browsers cache favicons heavily. Try clearing your browser cache or opening your site in an incognito window.
Is the HTML code required?
Yes, you need to include the provided link tags in your website's <head> section to show the icon.
Are my uploaded images stored?
No, images are processed in your browser memory and never uploaded to a server.