Overview
Use it when the format needs to change, not the meaning
Use Favicon Generator when one source image needs browser icons, install assets, and manifest files.
Brand refreshes
Turn a new logo into the icon set a site needs for tabs, shortcuts, and installs.
Launch bundles
Collect the generated files and snippets in one place before you ship a release.
PWA setup
Produce icons and manifest entries that fit install prompts and home screen shortcuts.
Supported inputs
Bring clean source text and keep the direction straight
- Accepts PNG, JPEG, WebP, and GIF uploads up to 5 MB.
- Square source images give the cleanest results, but the tool can crop a non-square image to fit the icon canvas.
- Transparent backgrounds are preserved when the source image supports them.
Walk through it
Follow the same sequence you see in the tool
Workflow
Create a favicon bundle
Use this flow when you need the full icon set from a single source image.
- Upload the logo or icon you want to turn into site assets.
- Choose the icon sizes that match your release plan.
- Generate the bundle and review the previews before you download it.
Workflow
Review the generated assets
Use this flow when you want to confirm the bundle before handing it off.
- Check the preview cards for the sizes you selected.
- Open the snippet output if you need HTML or manifest lines for the page head.
- Download the archive once the file set matches what you expected.
What you get
Check the result before you copy it into the next step
Icon bundle
A downloadable archive contains the generated icon files.
Snippet output
Copy-ready HTML and manifest lines help you place the files on a page quickly.
Preview cards
Size previews show what will ship before you hand the bundle off.
Avoid these mistakes
Small input problems create the biggest conversion errors
Using a source image that is too small
Start with a high-resolution source so the generated icons stay sharp.
Skipping the size check
Review the selected sizes before you download the bundle.
Copying snippets before verifying the files
Make sure the previews and filenames match the asset set you want to publish.
Glossary
Decode the terms before you act on them
This section translates the most technical labels on the page into plain language so you can interpret the output without opening another tab.
Favicon
A favicon is the small icon a browser shows in tabs, bookmarks, and shortcuts for a site.
Manifest file
A manifest file is the metadata file browsers use for install prompts, app names, icons, and display preferences.
Touch icon
A touch icon is the icon file mobile devices may use for home screen shortcuts and similar launch surfaces.
PWA
PWA stands for progressive web app. In this context it refers to the installable app experience that depends on the right icon and manifest setup.