🖼️ Image tools

Favicon generator

Choose a picture and get a ready-to-use favicon pack as an .ico file, PNG icons and a ZIP. It runs in your browser and nothing is uploaded.

Free · no signup Runs in your browser

Drop a picture hereor click to choose. You can paste a picture too. Nothing is uploaded.
Your favicon packChoose a picture

    How do I make a favicon?

    Choose a square (or nearly square) picture and the tool makes the whole pack: a favicon.ico holding 16, 32 and 48 pixel icons, separate PNG icons at those sizes, a 180 pixel Apple touch icon and 192 and 512 pixel icons for Android and installable web apps. Download them one by one or as a ZIP, and add two link tags to your page. The picture is cropped to a centred square in your browser.

    What a favicon needs

    A favicon is the small picture in a browser tab, a bookmark or a search result. Different places want different sizes, so a complete pack has several files. The classic favicon.ico can hold several sizes in one file; 16 and 32 pixels are used in tabs, and 48 pixels for desktop shortcuts and some search results. An Apple touch icon, 180 pixels square, is used when someone adds your site to an iPhone home screen. Icons of 192 and 512 pixels are listed in a web app manifest for Android and installable web apps.

    Google asks for a favicon that is square, at least 8 × 8 pixels and preferably larger than 48 × 48 so it looks good on different surfaces. Start from a simple, bold picture: tiny sizes cannot show detail, so a logo with fine text will turn to mush at 16 pixels. The padding option leaves a margin around the picture, and the background option fills transparent areas, which iPhones need because they turn transparent icons black.

    It runs in your browser. Your picture is never uploaded, and there is no watermark or sign-up.

    When to use it

    • Launching a new website
    • Adding a home-screen icon for phones
    • Replacing a blurry or missing favicon
    • Making icons for a web app manifest

    Mistakes it helps you avoid

    • Starting from a picture with fine detail, which is unreadable at 16 pixels.
    • Using a transparent icon for iPhones without a background colour.
    • Forgetting the link tags: the files must be referenced from your page or placed in the site's root.
    • Using a non-square picture: it is cropped to the centre square, so check the result.

    How it works

    Everything happens in your browser.

    • 1. The picture is decoded in your browser and its centre square is taken.
    • 2. It is drawn at 16, 32, 48, 180, 192 and 512 pixels (with your padding and background).
    • 3. The 16, 32 and 48 pixel icons are packed into a favicon.ico (an ICO file holding PNG images).
    • 4. You download each file or all of them in a ZIP. Nothing is uploaded.

    An .ico file is a small header, a directory of the images it holds and the images themselves; modern browsers accept PNG data inside it, which is what this tool writes. The files are named favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png and android-chrome-512x512.png. Put favicon.ico and apple-touch-icon.png in your site's root folder, or point link tags at them.

    Example: a logo for a new site

    You have a 1000 × 1000 logo and need a favicon pack.

    1. Sizes made16, 32, 48, 180, 192 and 512 px
    2. favicon.ico16, 32 and 48 px icons in one file
    3. Add to your page<link rel="icon" href="/favicon.ico"> and <link rel="apple-touch-icon" href="/apple-touch-icon.png">

    A pack in a ZIP, ready to upload to your site

    Preview the 16 pixel icon: if it is unreadable, simplify the picture.

    Terms on this page

    Favicon
    The small picture shown in browser tabs, bookmarks and search results.
    ICO
    A file that holds several sizes of an icon.

    Common questions

    What size should a favicon be?

    A favicon.ico with 16, 32 and 48 pixel icons covers tabs and shortcuts. Google asks for a square favicon, at least 8 × 8 pixels and preferably larger than 48 × 48.

    What is an Apple touch icon?

    A 180 × 180 pixel PNG that iPhones and iPads use for the home-screen icon when someone adds your site.

    Is my picture uploaded?

    No. Your browser reads and changes the picture on your own device. Nothing is sent over the network.

    Why does my iPhone icon have a black background?

    Transparent areas turn black on iPhones. Choose a background colour so the icon is solid.

    How do I add the favicon to my site?

    Upload favicon.ico and apple-touch-icon.png to your site's root folder and add link tags to your page's head.

    What to work out next

    Where these numbers come from

    Last verified 2026-10-25 The method on this page is checked against the sources above at least once a year. Spotted something out of date? Tell us and we will fix it.

    Related tools

    Image resizer

    Change a picture's size in pixels by width, height, percentage or exact size. Many files at once, nothing uploaded.

    Open tool

    PNG to WebP

    Convert PNG pictures to WebP in your browser. Many files at once, nothing uploaded.

    Open tool

    SVG to PNG

    Turn an SVG file or pasted SVG code into a PNG at the width you choose, with a transparent or coloured background.

    Open tool

    Compress to 200KB

    Get a picture under 200 KB for an upload or an email.

    Open tool

    Image to Base64

    Turn a small picture into Base64 text for a web page or stylesheet, as a data URL, an img tag or CSS.

    Open tool

    AVIF to JPG

    Convert AVIF pictures to JPG in your browser. Many files at once, nothing uploaded.

    Open tool

    🖼️ Image tools

    Convert between JPG, PNG and WebP, shrink a picture to a size limit, resize it or turn pictures into a PDF. Your files never leave your device.

    See all 30 tools in this section