Home/Free tools/Favicon generator
Free favicon generator

Make a favicon for your online store

Turn your logo, a letter or an emoji into the small icon shown in browser tabs and bookmarks. See it in a browser tab, download every size in one ZIP and paste the code into your site.

Free, no sign-upRuns in your browserYour logo never leaves your device
A letter favicon in browser tabs and at every size, made with this tool
A letter favicon in browser tabs and at every size, made with this tool
Free · runs in your browser

Favicon Generator

No sign-up. Your photo never leaves your device.

Make it from
Text color
Background
Shape

You get favicon.ico (16, 32 and 48 px), 16 and 32 px PNGs, a 180 px Apple touch icon, 192 and 512 px Android icons and a site.webmanifest. The Apple touch icon is always a full square with a solid background, because iPhones round the corners themselves and show transparent areas as black.

My Store
New tab
My Store
New tab
    Paste into your site’s <head>
    Features

    Everything you need, nothing you don't

    From a logo

    Upload a PNG, SVG, JPG or WebP logo, fit it whole or fill the icon.

    From a letter or emoji

    Type a letter or two or paste an emoji, then pick a font and colors.

    Shape and background

    Square, rounded or circle, on a color or a transparent background.

    Browser tab preview

    See the icon in a dark and a light tab, and at every size.

    Every file you need

    favicon.ico, 16 and 32 px PNGs, Apple and Android icons and a web manifest.

    Ready-to-paste code

    Copy the HTML link tags for your site's head.

    How it works

    Done in 3 steps

    01

    Pick a source

    Upload your logo, or type a letter or emoji.

    02

    Style it

    Choose shape, background, padding and colors while you watch the preview.

    03

    Download and install

    Save the ZIP, upload the files to your site and paste the code.

    FAQ

    Questions about favicon generator

    Is the favicon generator free?
    Yes. It's free with no sign-up, no credits and no watermark.
    Is my logo uploaded?
    No. The icons are made in your browser. Your logo never leaves your device.
    Which files do I get?
    favicon.ico with 16, 32 and 48 px images inside, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest and a text file with the HTML code.
    How do I add the favicon to my store?
    On your own website, upload the files to the root folder and paste the code into the head of every page. Store builders such as Shopify and WooCommerce have a favicon or site icon setting where you upload one image instead; use the 512 px PNG unless they ask for another size. Marketplace shop pages, such as Etsy and Amazon, show the marketplace's own icon.
    Why does my logo look blurry at 16 px?
    A 16 px icon has room for very little detail. A simple mark, the first letter of your brand or a cropped part of the logo reads better than a full logo with small text.
    Will my emoji look the same everywhere?
    The tool draws the emoji the way your device shows it, for example in Apple, Google or Microsoft style, and saves that as an image. Everyone who visits your site sees the saved image.

    Make a favicon today

    14 days free, 200 credits, no card.

    Start free trial
    ✖