How do I make a favicon from my logo?

Drop a PNG, JPEG, WebP or SVG file, set options like Shape, Padding and App name, then click Generate favicon package (.zip). Copy the HTML snippet shown under Paste into your head.

What files are in the favicon ZIP?

favicon-package.zip contains favicon.ico, PNG icons (16, 32, 180, 192 and 512 pixels), site.webmanifest with your app name, and a favicon-snippet.html with the link tags.

What image size and format should I upload?

PNG, JPEG, WebP and SVG are accepted, one file at a time. For the sharpest result use a square image at least 512x512; a transparent PNG or SVG works best.

How do I get a round or rounded favicon?

After uploading, choose Square, Rounded or Circle under Shape. You can also adjust Padding from 0 to 25 percent and preview the result in the Browser tab preview.

Does my image get uploaded, and why does generation fail?

Icons are drawn with the browser Canvas and zipped with JSZip on your device. If you see Could not load this image, the file may be corrupted; try another image or browser.

Yes. Every tool is free to use, with no account and no credit card. The work runs on your device rather than on our servers, which is what keeps it free to run.

Are my files uploaded?

No. Your files are opened and processed inside your browser and are not sent to LibraTool. Some tools first download a processing engine or AI model to your browser; that download contains no data of yours.

Does it work on mobile?

Yes. It runs in current mobile browsers on iOS and Android, with nothing to install. Very large files can be slow or run out of memory on a phone, so use a computer for those.

🌟

Free Favicon Generator

Turn any image into a complete favicon package: a multi-size favicon.ico, Apple touch icon, Android/PWA icons, a web manifest, and the ready-to-paste HTML snippet — all zipped, in your browser.

File size depends on your deviceFiles stay privateNo login requiredFree forever

Drop a file here, or click to browse

PNG, JPG, WebP, SVG, HEIC, HEIF · processed on your device

or press Ctrl+V to paste from your clipboard

Browse files

Your files never leave your device. All processing happens locally in your browser.

💡 For the sharpest result, upload a square image at least 512×512. Transparent PNG or SVG works best.

Common uses

Create a Website FaviconGenerate the complete favicon set every browser and device expects.
Generate PWA & Manifest IconsGet the 192px and 512px icons and web manifest a PWA needs.
Create an Apple Touch IconGenerate the 180×180 icon iOS uses when a site is saved to the home screen.
Turn a Logo into a FaviconConvert your brand logo into a clean, recognizable favicon.
Generate Favicons for Any FrameworkGet drop-in favicon files for React, Next.js, WordPress, and more.

How It Works

This tool converts any PNG, JPEG, WebP, or SVG into a complete favicon package — multi-size .ico, Apple touch icon, Android/PWA icons, a web manifest, and a ready-to-paste HTML snippet — entirely inside your browser using the Canvas API and JSZip. Nothing is uploaded; all rendering and file assembly happens locally.

1
Canvas rescales your image
The browser draws your source image onto off-screen HTML Canvas elements at each required size (16, 32, 48, 180, 192, and 512 px). SVGs without explicit width/height attributes are normalized first via DOMParser and XMLSerializer so Firefox and Chrome produce identical pixel output rather than a blank canvas.
2
Hand-written ICO encoder packs the .ico file
Small ICO entries (16, 32, 48 px) are encoded as raw 32-bit BGRA DIB bitmaps — the BITMAPINFOHEADER plus bottom-up XOR rows and a 1bpp AND mask — because Windows shell components require uncompressed DIB format at those sizes. The tool writes the ICO directory header and concatenates the entries entirely with DataView and Uint8Array, with no external ICO library involved.
3
PNG outputs are produced via canvas.toBlob
Each PNG variant (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) is captured by calling canvas.toBlob with 'image/png', delegating lossless encoding to the browser's built-in image engine. Optional padding, background color, and shape clipping (square, rounded, or circle) are applied to the canvas context before capture.
4
JSZip bundles everything into one download
JSZip assembles all generated files — favicon.ico, the five PNGs, a site.webmanifest with your app name, and a favicon-snippet.html with the correct <link> tags — into a single .zip blob that downloads automatically to your device.

Your image is loaded directly into the browser's Canvas API and never leaves your device — no file data is transmitted to any server at any point.

Related Tools

🖼️

PNG to ICO Favicon Converter

Convert PNG, JPG, WebP, or SVG images into multi-size .ico favicon files. Pick the sizes you want bundled (16, 32, 48, 64, 128, 256) and download a single .ico.

Try itFiles stay local

🎞️