Favicon Generator
Turn a logo into favicon.ico, app icons and the HTML tags.
Free · No upload · 100% on your device
Make favicons
Choose an image, or drop it here.
A square logo works best · PNG, JPG, WebP or SVG · no size limit
100% on your device
Preview updates as you change settings. Your original is not changed.
How to use Favicon Generator
- Choose your image, or drop it on the page.
- Adjust the settings in the side panel. The preview updates as you go.
- Select “Generate favicons”.
- Download the result. Your original file is left unchanged.
Private by design. Your files are processed in this browser tab and are never uploaded to KittySuite.
About Favicon Generator
Turn a logo or icon into everything a website needs for browser tabs, bookmarks and phone home screens. Choose a square-ish image, crop it to a square or keep the whole image with padding, and check the live previews at 16, 32 and 48 pixels, the sizes browsers really use. The download contains favicon.ico, PNG icons, a web manifest and the HTML tags to paste.
Tiny icons lose fine detail, so a simple, bold mark with good contrast reads best at 16 pixels. Transparent backgrounds work for browser tabs; the Apple touch icon always gets a solid background because iOS shows transparency as black. The .ico file contains PNG images at 16, 32 and 48 pixels, which every current browser and Windows support.
Favicon Generator: frequently asked questions
How do I make a favicon from my logo?
Choose a PNG, JPG, WebP or SVG logo, crop it to a square or keep it whole with padding, and check the previews at 16, 32 and 48 pixels. Then download the package.
What is included in the download?
favicon.ico, PNG icons including an Apple touch icon, a web manifest and the HTML tags to paste into your page.
Which sizes are inside the .ico file?
16, 32 and 48 pixels, stored as PNG images, which current browsers and Windows support.
Why does the Apple touch icon have a solid background?
iOS shows transparent areas as black on the home screen, so that icon always gets a solid background colour.
Why does my favicon look blurry in the browser tab?
Fine detail disappears at 16 pixels. A simple, bold mark with strong contrast reads best; check the 16-pixel preview before downloading.