1
Choose a source icon
Use a clear square logo or symbol with enough margin to remain recognizable at very small sizes.
Favicon & ICO Generator
Create a complete favicon package
Generate favicon.ico, browser PNG icons, Apple Touch Icon, Android icons and a site.webmanifest from JPEG, JFIF, PNG, WebP, HEIC, HEIF, AVIF, SVG, BMP or TIFF input — all locally in your browser.
🖼️
Drop an image here
JPEG, JFIF, PNG, WebP, HEIC, HEIF, AVIF, SVG, BMP or TIFF · up to 25 MB
Your image never leaves your device
Create a favicon package from one source image
Favicons are the small site icons shown in browser tabs, bookmarks and other browser or device surfaces. A complete setup usually needs more than one size because browsers, mobile devices and installable web experiences can request different icon dimensions.
The Favicon Generator creates a favicon.ico file together with PNG icons, Apple Touch Icon assets, Android-style icons and a site.webmanifest from one source image. Generating the package locally makes it easy to test different logo crops without uploading the source artwork.
How it works
2
Generate the package
The browser creates the required favicon and PNG sizes together with the accompanying manifest assets.
3
Add files to your site
Download the generated package and place the files in the appropriate public folder of your website.
Tips for a recognizable favicon
- Use a simple symbol rather than small text because favicon sizes can be as small as 16 or 32 pixels.
- Start with a square source image so important parts of the logo are not unexpectedly cropped.
- Leave some breathing room around the main mark so it does not touch the icon edges at small sizes.
- Test the favicon on both light and dark browser themes if your design depends on contrast.
Frequently asked questions
What is favicon.ico?
It is the traditional favicon file used by browsers. ICO can contain multiple icon sizes in a single file for broad compatibility.
Why are several PNG icon sizes generated?
Different browsers and device contexts request different resolutions. Larger PNG icons are useful for touch icons and installable web experiences.
What is site.webmanifest used for?
A web manifest describes installable web-app information such as name, display behavior and icons. The generated manifest gives you a starting point for icon references.
Should my source image be square?
A square source is recommended because favicons are displayed in square icon areas and a square composition is easier to scale consistently.
Is my logo uploaded?
No upload is required for normal favicon generation. The icon files are created locally in your browser.