# Favicon Generator Free: ICO, PNG, Apple and Android Icons - [Home](/) - - - [Tools](/tools/) - - - Favicon Generator # Favicon Generator: ICO, PNG and App Icons Free Turn one logo into every icon a website needs: favicon.ico, browser tab PNGs, the Apple touch icon, Android home screen icons and a web manifest. Preview them on light and dark backgrounds, then download the lot as one zip with the HTML tags ready to paste. Drop your logo here, or click to choose PNG - SVG - JPG - WebP - square, 512 px or larger works best - up to 25 MB Choose image Icon optionsPadding0%BackgroundTransparentSolid The Apple touch icon always gets a white background, since iOS doesn't allow transparency there. Site nameShort name (under the home screen icon)Theme colour (browser UI)Splash background (app launch)Free to UseNo hidden chargesNo Software InstallationRuns in your browserNo Sign UpStart instantly ## Work privately, then store privately with DragBin Processing a file in your browser keeps it private in the moment. The files you keep and share need that same guarantee for the long run. DragBin protects files with [client side](/client-side-encryption/), [quantum resistant encryption](/post-quantum-encryption/) (ML-KEM + AES-256) keeping sensitive data private with a [zero knowledge](/zero-knowledge-encryption/) security architecture. - Get 5GB quantum resistant storage forever - Unlimited sharing, unlimited bandwidth and unlimited file size uploads - Integrated Global CDN and preview media in 4k/8k [Try DragBin Today](https://dragbin.com) ## How to Make a Favicon Add your logo, adjust the framing, and drop the files into your site. Step 1 Add a square PNG, SVG, JPG or WebP image, ideally 512 px or larger. Step 2 Set padding and background, and fill in your site name for the manifest. Step 3 Download the zip, put the files in your site root, and paste the HTML tags into your . ## Why Use This Favicon Generator? It covers the icons browsers, iPhones and Android phones actually ask for, without a pile of legacy sizes nobody uses. ### Complete Set A multi-size favicon.ico, 16 and 32 px PNGs, a 180 px Apple touch icon and 192 and 512 px Android icons. ### Ready-to-Paste Tags Copy the tags and a site.webmanifest with your name and colours already filled in. ### Sharp From SVG SVG logos are drawn fresh at each size instead of shrinking one big bitmap. ## Private by Design Your logo is processed inside your browser. It is not uploaded, so it stays on your device. ### Stays on Your Device Resizing, ICO packing and zipping all happen in the browser tab. No image data leaves it. ### Checked in Both Themes See every size on a light and a dark tile before you ship it, so it reads in any browser theme. ### Works Everywhere Any modern browser on desktop or phone. Nothing to install, no account. ## Try DragBin Today Pair private, in-browser file tools with zero-knowledge, quantum-resistant cloud storage. 5GB free, forever. [Claim 5GB free storage (opens in new tab)](https://app.dragbin.com/signup) ## Frequently Asked Questions ### Which files does the favicon generator create? Seven files: favicon.ico (with 16, 32 and 48 px images inside), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png at 180 px, android-chrome-192x192.png, android-chrome-512x512.png and a site.webmanifest. You also get the HTML tags to paste into your page's head. ### Is my image uploaded anywhere? No. Your image is read and resized in your browser tab, and the zip is built there too. Nothing about the image is sent to a server. ### What kind of image works best? A square PNG or SVG of at least 512 x 512 pixels with a simple, bold shape. Fine detail disappears at 16 px, so a logo mark usually reads better than a full logo with text. SVGs are drawn fresh at every size, which keeps small icons sharp. ### My image isn't square. What happens? It is scaled to fit inside the square without cropping or stretching, and the empty space is filled with your background colour or left transparent. Use the padding slider to add breathing room around it. ### Why does the Apple touch icon have a background when I chose transparent? iOS fills transparent areas of home screen icons with black, so the Apple touch icon is always made opaque. It uses your solid background colour, or white if you picked transparent. ### Where do I put the files? Unzip them into the root folder of your site so they are served from paths like /favicon.ico, then paste the HTML snippet inside your page's . If they live somewhere else, edit the paths in the snippet and in site.webmanifest to match. More free tools ## Keep going with the DragBin toolbox [ ### Image Converter Convert images between JPG, PNG, WebP, AVIF and JXL. ](/tools/image-converter/)[ ### Image Resizer Change image dimensions in pixels or percent. ](/tools/image-resizer/)[ ### QR Code Generator Make a QR code that points to your site. ](/tools/qr-code-generator/) --- Canonical: https://www.dragbin.com/tools/favicon-generator