Favicon Generator
Turn a logo, SVG, letter or emoji into a complete favicon set for browsers, Google, iPhone and Android, with live previews and ready install code.
How to use: Favicon Generator
- 1
Choose a source
Upload a PNG, JPG, WebP or SVG logo and crop it to a square, or type a letter or emoji and pick font and colors.
- 2
Tune each platform
Set the background, corners and margin for browsers, iOS and Android, make the Android icon maskable and check the live tab, search and home-screen previews.
- 3
Download and install
Get favicon.ico, favicon.svg, PNG icons and site.webmanifest in one ZIP, then follow the HTML, Next.js, Vite or WordPress instructions.
What a modern favicon set contains
A favicon is the small icon in browser tabs, bookmarks and Google search results, and on phones it becomes the home-screen icon of your site. Every platform asks for its own files, so a modern favicon is a small set of images plus a web app manifest, not a single picture.
Upload a PNG, JPG, WebP or SVG logo and crop it to a square, or make an icon from a letter or emoji. Then tune each platform separately: a background and corners for desktop browsers and Google, a solid background and margin for the iPhone home screen, and a maskable icon for Android that keeps your logo inside the safe zone. Live previews show browser tabs in light and dark mode, the bookmarks bar, a Google result and iOS and Android home screens with circle, squircle and rounded masks.
The ZIP follows current best practice: favicon.ico with 16, 32 and 48 px, favicon.svg when your source is an SVG (optionally adapting to dark mode), favicon-96x96.png, a 180×180 apple-touch-icon.png, 192 and 512 px manifest icons and site.webmanifest. Copy the HTML code or follow the steps for Next.js, React/Vite or WordPress, then test the result with our favicon checker. Everything is generated in your browser.
Everything runs locally in your browser — your images are never uploaded to a server.