Favicon Generator

Preview

Drop an image or click to upload

PNG, JPG, SVG — square image recommended (min 192×192)

Free Favicon Generator

Upload any image — PNG, JPG, or SVG — and get a complete favicon bundle with all standard sizes, a multi-resolution favicon.ico, a manifest.json, and the HTML meta tags to paste in your <head>. Free, no signup, all rendering happens in your browser.

Light + dark theme support

Upload a light variant (for light-mode browsers) and optionally a dark variant — the generator emits separate PNGs for each and wires them up with media="(prefers-color-scheme: dark)" in the generated meta tags.

What's in the ZIP?

favicon-16x16.png, favicon-32x32.png, favicon-96x96.png
apple-icon-*.png — 9 sizes from 57×57 up to 180×180
android-icon-192x192.png
ms-icon-144x144.png — Windows tile
favicon.ico — multi-resolution (16/32/48 embedded)
manifest.json — with your theme color

Using the public API

Need to generate favicons programmatically? The public API at https://quillly.com/tools/favicon-generator/api/generate accepts emoji/letter/text content and returns a signed URL to the ZIP. See the API docs for the full schema.

Frequently Asked Questions

What favicon sizes do I actually need?

A modern site needs 16 and 32 pixel icons for browser tabs, a 180 pixel Apple touch icon, and 192 and 512 pixel icons for Android and PWAs. This tool bundles all of them for you.

How do I install the favicon?

Unzip the bundle into your site root and paste the provided link tags into the head of your HTML. That is all most sites need.

Should I use a PNG or an SVG favicon?

SVG stays crisp at any size and can even adapt to dark mode, but older browsers need PNG fallbacks — so the bundle includes both.

Why is my new favicon not showing up?

Browsers cache favicons aggressively. Hard-refresh the page, or append a version string to the icon URL to force browsers to fetch the new one.

Ship matching favicons for every website you manage

Quillly's MCP server can generate a branded favicon bundle for every domain you publish blogs to.

Related free tools

Browse all tools

QR Code Generator

Generate QR codes as PNG or SVG for URLs, WiFi, vCard, email, SMS, phone, and more. Custom colors, sizes, error correction. Free tool + free API.

Color Picker

Pick any color and convert between HEX, RGB, and HSL. Explore shades and tints.

CSS Gradient Generator

Create beautiful CSS linear, radial, and conic gradients with live preview and presets.

CSS Box Shadow Generator

Create CSS box shadows visually. Adjust offset, blur, spread, and color with live preview.