Free favicon generator
Free favicon generator. Make a favicon from text, an icon, or an image, then download PNG, SVG, ICO, and code.
Loading editor…
How it works
- Choose text, an icon, or your own image as the mark.
- Set a solid, gradient, or image background, then add colour and a border if you want one.
- Download a zip with PNG or JPG sizes, SVG, ICO, Apple Touch, a web manifest, and code. Designs stay on this device.
Formats and sizes
Most browsers need a 16×16 and 32×32 PNG plus SVG and ICO. Apple Touch (180) is for iOS home screens. The web manifest adds 192 and 512 PNGs for installable sites. Favicon sizes & dimensions explains which files to keep. Already have a file? Convert ICO, PNG, JPG, WebP, or SVG in your browser.
Add the files to your site
Copy the zip into your project and paste the <link> tags from html.html into your page <head>. Update the paths if the files live in another folder. How to add a favicon walks through the code, Apple Touch icon, and web manifest.
- What is a favicon?
- A favicon is the small icon that appears in a browser tab, bookmarks, and some search results. It is usually a square image in PNG, SVG, or ICO format.
- How do I add a favicon to my website?
- Download the zip, copy the files into your site, and follow the install preview for your stack: paste <link> tags for HTML or React (Vite/CRA), or drop app/ files into a Next.js App Router project. Update paths if your files live in a different folder.
- How to add a favicon
- Which sizes and formats should I download?
- 16×16 and 32×32 PNG plus SVG and ICO cover most browsers. Apple Touch (180) is for iOS home screens. The web manifest adds 192 and 512 PNGs for installable sites.
- Favicon sizes & dimensions