Generate a favicon from the asset you already have.
Start with an image, text, emoji, or logo. Then use the color tools and tutorials only when you need them.
How it works
1. Choose the tool that matches your starting asset
2. Generate or refine the favicon files you need
3. Use tutorials and utilities only when needed
Tools
Choose the workflow that matches what you have.
Image
Convert an existing logo or image into a favicon pack for modern browsers.
Text
Generate a favicon from text when you need a simple identity quickly.
Emoji
Create a favicon from an emoji for a lightweight and fast starting point.
Logos
Browse ready-made logo styles when you need visual direction before exporting.
Colors
Convert and inspect brand colors across HEX, RGB, HSL, and OKLCH.
Tutorials
Follow installation guides and format-specific tutorials once your files are ready.
Resources
Helpful next steps
Use these guides and supporting tools when you need help beyond the generator itself.
What is a favicon?
Learn what a favicon is, why it matters, and how to generate one.
Install: favicon.ico
Add a traditional `.ico` favicon to your website correctly.
Install: favicon.png
Use a `.png` favicon when your setup prefers modern image assets.
SquareSpace Favicon
Follow a focused guide for adding a favicon to a SquareSpace site.
Logo Generator
Generate a logo in multiple layouts before exporting your favicon.