Does this generate a favicon.ico file?

Yes. The ZIP package includes favicon.ico with 16x16, 32x32, and 48x48 images, plus PNG icons for modern browsers and devices.

What files are included in the favicon package?

The package includes favicon.ico, 16x16 and 32x32 PNG icons, Apple Touch Icon, Android Chrome icons, a web app manifest, install HTML, font license notes, and a README.

Is the favicon generated on the server?

No. The favicon package is generated in your browser with Canvas and downloaded directly as a ZIP file.

Can I use this favicon generator for a Next.js app?

Yes. Download the package, place the files in public, and copy the App Router metadata snippet or the generated install tags.

Browser-based favicon package builder

Favicon Generator

Create a clean text favicon, preview it at browser sizes, and download a complete favicon package with ICO, PNG, Apple Touch Icon, Android Chrome icons, manifest, and install code.

TextImage

No uploadEverything is generated locally in your browser.

Complete packageIncludes browser, Apple, Android, and manifest files.

Install guidesCopy snippets for Next.js, Astro, Nuxt, Vite, WordPress, and more.

Live preview

Text

Font family

All listed fonts are served from Google Fonts and are free for commercial use under the SIL Open Font License 1.1.

Font color

Background color

Font palette#FFFFFF

Background palette#F59E0B

Background shape

Font weight

Font size: 110

Browser tab

Favicon Generator

Search result

faviconicon.orgFavicon GeneratorCreate a favicon from text and download a complete icon package.

Complete favicon package

11 files ready for production.

Browser iconsfavicon.ico plus 16x16 and 32x32 PNG files.

Device iconsApple Touch Icon and Android home screen sizes.

Manifest and installWeb app manifest, install HTML, README, and font license.

Where to put files

Place all generated files in your website public root.

Install code

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

AI install prompt

You are working in my web project. Add the favicon package I downloaded.

Target stack: HTML

Tasks:
1. Identify the actual project structure before editing.
2. Place favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, and site.webmanifest according to this rule: Place all generated files in your website public root.
3. Add the required favicon metadata or <link> tags for the target stack.
4. Preserve existing unrelated metadata and links.
5. Verify that /favicon.ico and /site.webmanifest are reachable after running the dev server.
6. Tell me exactly which files were changed.

Reference install code:
<!-- Add these tags inside <head> -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

Favicon sizes included

Browser tabsfavicon.ico plus 16x16 and 32x32 PNG fallbacks for modern and legacy browser support.

Mobile devicesApple Touch Icon, 192x192 Android Chrome, and 512x512 PWA icon files.

Install assetsWeb app manifest, install HTML, stack-specific guide, README, and font license notes.

How to install your favicon

Download the ZIP package and extract the files.
Upload the generated files to your website public root.
Copy the install HTML or framework metadata snippet.
Deploy your site and check that /favicon.ico returns the generated icon.

Frequently Asked Questions

Does this generate a favicon.ico file?: Yes. The ZIP package includes favicon.ico with 16x16, 32x32, and 48x48 images, plus PNG icons for modern browsers and devices.
What files are included in the favicon package?: The package includes favicon.ico, 16x16 and 32x32 PNG icons, Apple Touch Icon, Android Chrome icons, a web app manifest, install HTML, font license notes, and a README.
Is the favicon generated on the server?: No. The favicon package is generated in your browser with Canvas and downloaded directly as a ZIP file.
Can I use this favicon generator for a Next.js app?: Yes. Download the package, place the files in public, and copy the App Router metadata snippet or the generated install tags.