Stayput

↑↓ to move, Enter to open, Esc to close. Search runs on this page. Nothing you type is sent.

Favicon generator

Drop in your logo and get every icon a website needs, plus the HTML to paste. Unreleased logos stay on this device.

Makes favicon.ico, apple-touch-icon, Android and maskable icons and a site.webmanifest from one PNG, JPG or SVG. It is free, needs no account and adds no watermark, and your files are not uploaded: everything runs in your browser on your device. The size limit is your device’s memory, and phones hold less; give the page a short while after one visit to save itself for offline use, and then it works offline.

Drop your logo or icon hereor click to choose a file.
    Working…

    Done

    Free, no ads. Support StayPut

    Your files are processed on this device and never sent to a server. Reload the page to clear everything from memory.

    How it works

    1. Drop a square logo, ideally a 512px or larger PNG or an SVG, or tap to pick one.
    2. Optionally name your site, add padding and pick the background used on phone home screens.
    3. Download the icons in one zip, put them in your site’s root folder and paste the HTML into your page’s head.

    In your browser, not on a server

    Your browser decodes the logo (libheif or the Squoosh decoders step in for HEIC, AVIF and JPEG XL) and Stayput centres it on a 512 pixel square canvas, with your padding and background. Every icon is resized from that square with stepped downscaling so small sizes stay crisp. favicon.ico is written byte by byte by a small encoder in the page, and the manifest and HTML are plain text built in your tab.

    Compared with upload-based tools: The logo you turn into a favicon is often for a site that has not launched yet. Upload-based generators take a copy of it, and at least one was caught sending logos to a third-party analytics service. Here there is no server to send it to.

    Verify it yourself. Give the page a short while after one visit to save itself for offline use, then turn off Wi-Fi or switch to airplane mode and run the tool again. Or open your browser's developer tools (F12, or Cmd-Option-I on a Mac), pick the Network tab, and watch it while you convert. The panel above does the same count for you.

    Questions

    Which files do I get?

    favicon.ico with 16, 32 and 48 pixel images for browser tabs and old browsers, favicon-16x16.png and favicon-32x32.png, a 180 pixel apple-touch-icon.png for iPhone and iPad home screens, 192 and 512 pixel icons plus a maskable 512 icon for Android and installed web apps, and a site.webmanifest that lists them. If you start from an SVG you also get favicon.svg, which modern browsers prefer because it stays sharp at every size.

    What size should my source image be?

    Square and at least 512 by 512 pixels, or an SVG. Smaller images still work but are enlarged for the 512 pixel icons and look soft; the result list tells you when that happened. A non-square image is centred on a transparent square rather than stretched.

    What is a maskable icon?

    Android crops home screen icons into circles, squircles or rounded squares depending on the phone. A maskable icon keeps the logo inside the central safe zone on a solid background, so nothing important is cut off whatever the shape. The manifest marks it with purpose "maskable" so Android uses it for installed apps.

    Why does the Apple icon have a background?

    iOS fills transparent parts of a home screen icon with black. The apple-touch-icon and the Android icons are drawn on the background colour you choose (white by default) so your logo looks right. The browser tab icons stay transparent unless you tick the fill option.

    Is my logo uploaded?

    No. The image is decoded and resized on a canvas in your browser tab, and the ICO file is written by a small encoder in the page. Logos for a rebrand or an unannounced product never leave your device. After one visit and a short wait you can go offline and generate icons as often as you like.

    More image tools

    Remove background

    Cut out people, pets and products at full resolution. The photo never leaves this device.

    Passport photo maker

    Crop a photo to passport size with the head at the right height, and get a sheet to print at any photo counter.

    Watermark image

    Put your name or a copyright notice on photos before you share them, at full resolution, on this device.

    Sticker maker

    Cut out a person, pet or object, add a white border, and save it as a sticker, on this device.

    Popular conversions

    Guides