Favicon Generator

Preview

Drop an image or click to upload

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

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, in your browser.

Color Palette Generator

Generate color palettes from a base color. Complementary, analogous, triadic, tetradic, split-complementary.

Image Generator

Generate OG images, X/Twitter headers, LinkedIn banners, YouTube thumbnails, and Instagram posts from HTML or presets. Free, in your browser.

Logo Maker

Create professional logos with 1,500+ icons. Download as PNG, SVG, or favicon bundle.

QuilllyPublish it on your domain

Quillly hosts, scores and indexes your blog — written with your own AI.

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

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.