Favicon Generator

Free, no sign-up: upload a logo (PNG, JPG, SVG) or type 1–3 letters or an emoji and get a favicon.ico with 16, 32 and 48 px sizes in one file, 16/32 PNGs, a 180×180 apple-touch-icon for iPhone, 192 and 512 icons for Android, a site.webmanifest and ready HTML for your <head> — all in one ZIP. Everything is drawn in your browser: no files are uploaded.

Source

Manifest and file path

Preview

My Site — Home
My Site — Home
My Site
https://example.com
iPhone
Android
16×1632×3248×48
16 · 32 · 48 px
Download files one by one

    Your image never leaves your browser: everything is drawn and packed on your device.

    Put the files in your site root (or the folder set above), paste the code into <head> and check the result with our favicon checker.

    Key facts

    Price
    Free
    Sign-up
    Not required
    Processing
    In your browser — nothing is sent to our server
    Input
    An image from your device (PNG, JPG, SVG, WebP or GIF up to 15 MB), 1–3 letters or an emoji
    Limits
    No limits
    Output
    favicon.ico (16, 32, 48 px), 16/32 PNGs, apple-touch-icon 180, android-chrome 192 and 512, favicon.svg (for text, emoji and SVG), site.webmanifest and HTML code — in one ZIP
    Last updated

    Alternatives

    Other tools for the same job, and what each one does well:

    • RealFaviconGenerator — Lets you tune the icon separately for each platform (iOS, Android, Windows, Google), creates an SVG favicon and checks an existing installation.
    • favicon.io — A quick generator from text, an image, SVG or an emoji that downloads a ZIP with icons and site.webmanifest.

    When to choose this tool: When your logo must not go to someone else’s server and you want the whole set at once — ICO, PNGs, manifest, SVG and code — with tab, search and phone previews, in English, Russian, Ukrainian or Polish.

    Descriptions checked against each tool's own site in October 2026.

    Free Favicon Generator

    A favicon is your site’s icon in browser tabs, bookmarks, on phone home screens and next to your URL in Google’s mobile results. This generator makes the full set from a logo, 1–3 letters or an emoji: a favicon.ico with 16, 32 and 48 px images in one file, 16×16 and 32×32 PNGs, a 180×180 apple-touch-icon for iPhone (with a solid background, because iOS turns transparency black), 192 and 512 icons for Android and a site.webmanifest — plus a favicon.svg for text and emoji. Small sizes are scaled down from a large render in steps, so they stay clean. The preview shows a light and dark browser tab, a search result and home screens. Everything is made in your browser and downloads as one ZIP.

    From an image (PNG, JPG, SVG, WebP), letters or an emoji
    favicon.ico with 16, 32 and 48 px in one file
    PNG 16/32, apple-touch-icon 180, Android 192 and 512, favicon.svg
    site.webmanifest and ready <head> code
    Shape, corner radius, background or transparency, glyph size
    Preview in a tab, search result, iPhone and Android; all in-browser

    How to Use

    1. Pick a source: letters, an emoji or your own image
    2. Set colours, shape and glyph size while watching the preview
    3. Download the ZIP and unpack the files into your site root
    4. Paste the code into <head> and verify with the favicon checker

    FAQ

    At minimum: a favicon.ico in the site root (browsers look for it on their own), a 32×32 PNG and a 180×180 apple-touch-icon. For Android and installing the site as an app, add 192 and 512 icons in site.webmanifest. A favicon.svg stays sharp on any screen, but Safari on iOS does not use it, so keep the ICO and PNGs.

    Google requires a square icon whose size is a multiple of 48 px (48×48, 96×96, 144×144…) or an SVG, and both the file and the home page must be crawlable by Googlebot. Updates are not instant: Google re-reads the icon when it recrawls your home page, which can take weeks.

    Nowhere. The image is read and redrawn in your browser, and the ICO and ZIP are built there too; the file is never sent to or stored on our server.

    Browsers cache icons for a long time. Open /favicon.ico itself and hard-reload it (Ctrl+F5, or Cmd+Shift+R on a Mac), or add a version to the URL in your code, e.g. favicon.ico?v=2. Our favicon checker shows what the server actually returns.

    RealFaviconGenerator is handy when you want to tune the look for each platform separately. favicon.io quickly makes an icon from text, an image or an emoji. Choose this generator when your file must not leave your computer and you want the whole set with the manifest and code at once — in English, Russian, Ukrainian or Polish.

    Which file is used where

    FileSizeWhere it shows
    favicon.ico16, 32, 48 pxtabs and bookmarks in every browser; browsers look for it in the site root even without a tag
    favicon.svgvectorChrome, Edge and Firefox tabs — sharp on any screen
    favicon-32x32.png, favicon-16x16.png32, 16 pxtabs and bookmarks when the browser prefers PNG
    apple-touch-icon.png180 pxiPhone and iPad home screen
    android-chrome-192/512.png192, 512 pxAndroid home screen and installing the site as an app (via site.webmanifest)

    How to install it

    1. Unzip the files into your site root — where your home page lives (or the folder you set in the options).
    2. Paste the code from “Code for <head>” into your site template before the closing </head>.
    3. On WordPress it is simpler: Appearance → Customize → Site Identity → Site Icon — upload the 512×512 PNG from the ZIP and WordPress creates the other sizes.
    4. Verify with the favicon checker: it shows which files the server and browsers actually find.

    Designing a good favicon

    • Simpler than your logo. At 16×16 px neither text nor fine detail is readable — keep the first letter, a symbol or the logo mark without the wordmark.
    • Contrast with the tab. Tabs can be light or dark, so check both previews. A dark glyph on a transparent background disappears in dark mode.
    • Padding. For iPhone and Android leave 10–20% padding: the systems round the icon corners themselves.

    Honest limitations

    • Emoji are drawn with your system font, which differs on Windows, macOS and Android; a favicon.svg containing an emoji shows each device’s own emoji.
    • The generator does not create dark-mode-aware SVGs (prefers-color-scheme) or Android maskable icons.
    • Legacy browserconfig.xml and mstile files for Windows 8/10 tiles are not created — modern browsers do not need them.
    • If your source image is under 512 px, large icons will look soft — you will see a warning; an SVG works best.
    Improve search rankings

    SEO problems may be costing you traffic. Cascade link building will improve site visibility in search.

    Cascade link promotion for your site $30 bonusBacklinks 5→50→5000 across 100+ platforms. From $30 to start, plus a $30 bonus for newcomers.