Favicon Generator

The LK Forge Favicon Generator resizes one image into the seven PNG sizes a site needs — 16, 32, 48, 64, 180, 192 and 512 pixels — and packs the 16, 32 and 48px versions into a single favicon.ico. Drop an image and get every favicon size at once — 16 to 512px PNGs, a packed favicon.ico and the HTML link tags to paste in. Everything runs in your browser; your image is never uploaded.

Drop an image or click to upload — PNG, JPEG, SVG or WebP. Resized locally, nothing uploaded.
Free, no sign-up Resized in your browser Works offline

How to Make a Favicon

Three steps, all in your browser.

1

Drop your image

Upload a PNG, JPEG, SVG or WebP — a square, high-contrast logo works best. Transparent backgrounds are kept, so your icon sits cleanly on any browser theme.

2

Grab the sizes you need

Every favicon size is rendered at once — 16 to 512px PNGs plus a packed favicon.ico. Download each PNG, or the combined .ico for classic browser support.

3

Paste the HTML

Copy the ready-made <link> tags into your page's <head>, adjust the paths if needed, and deploy. The meta tag generator builds the rest of the tags that belong in the same <head>, and the colour palette generator helps you settle the brand colours first.

Frequently Asked Questions

What sizes do I need for a favicon?
A modern site wants a small handful of sizes rather than one. The classic browser-tab favicon is 16×16 and 32×32 pixels, usually shipped together inside a favicon.ico file. A 48×48 icon covers Windows taskbar and shortcut use. Apple devices use a 180×180 apple-touch-icon for the home screen. Progressive web apps and Android reference 192×192 and 512×512 PNGs from a web manifest. This generator produces all of them at once — 16, 32, 48, 64, 180, 192 and 512 pixels — so you can pick exactly the ones your project needs. If you only want the essentials, the favicon.ico plus the 180, 192 and 512 PNGs cover the vast majority of browsers and devices.
What is favicon.ico vs a PNG favicon?
favicon.ico is the original favicon format: a single .ico container that can hold several images at different sizes, so a browser picks the one it needs. It is the most widely supported option and the file browsers look for by default at the site root. A PNG favicon is just an ordinary PNG image referenced with a link tag at a specific size, such as 32×32. PNGs are simpler to create, support full transparency and crisp anti-aliasing, and are what modern browsers, Apple touch icons and PWA manifests prefer. The reliable approach is to ship both: a favicon.ico bundling 16/32/48 for maximum compatibility, plus separate PNGs for larger and platform-specific icons. This tool builds the .ico for you by packing the 16, 32 and 48 pixel images into one file.
How do I add the favicon to my site?
Download the icons and drop them into your site's root or an assets folder, then add link tags to the <head> of your pages. A standard set is: a link with rel="icon" pointing at favicon.ico, two rel="icon" PNG links for 32×32 and 16×16, and a rel="apple-touch-icon" for the 180×180 image. This generator prints that exact snippet for you to copy — just adjust the paths if your files live somewhere other than the site root. For a full PWA, also reference the 192 and 512 pixel PNGs from your web app manifest. After deploying, do a hard refresh or open a private window, because browsers cache favicons aggressively and an old icon can linger for a while.
Does it upload my image?
No — the LK Forge Favicon Generator runs entirely in your browser using the HTML canvas — the image you drop is decoded, resized and re-encoded on your own device, and is never sent to, logged by, or stored on any server. That means you can safely turn a private logo, an unreleased brand mark or an internal asset into favicons without it leaving your machine. Because there is no network round-trip, the tool is also fast and keeps working if you go offline once the page has loaded. Closing the tab clears everything, and there is no account, upload history or watermark involved.
Can I use a transparent PNG?
Yes, and a transparent background is usually the best choice for a favicon. If you upload a PNG (or SVG or WebP) with a transparent background, that transparency is preserved through every generated size, so your icon sits cleanly on light or dark browser chrome rather than inside a coloured box. The image is fitted into a square canvas while keeping its aspect ratio and centred, with the empty space left transparent. If your source has a solid background it will simply be kept as-is. For the sharpest small icons, start from a square, high-contrast image — fine detail tends to disappear at 16×16, so a bold, simple mark reads far better than a photograph.

Related generators

QR Code Generator

Turn any text or URL into a QR code and download it as a PNG or scalable SVG.

Generators

→

QR Code Scanner

Decode a QR code with your camera or from an image, with a clickable link for URLs.

Generators

→

Color Palette Generator

Roll harmonious colour schemes, lock favourites, and export as CSS, JSON or HEX.

Generators

→

Hash Generator

Compute MD5, SHA-1 and SHA-256/384/512 checksums of any text or file.

Generators

→

UUID Generator

Generate v1, v3, v4 and v5 UUIDs one at a time or in batches.

Generators

→

Password Generator

Generate strong, cryptographically random passwords with a strength meter.

Generators

→

Fake Address Generator

Create random US addresses, names, emails and phones as placeholder test data.

Generators

→

Meta Tag Generator

Create SEO title/description, Open Graph and Twitter Card tags with a live preview.

Generators

→

All Generators

QR codes, passwords, hashes, UUIDs, colour palettes and fake test data.

Generators

→

Related developer tools

JSON Formatter

Format, validate and minify JSON with clear error highlighting.

Developer

→

Base64 Encoder & Decoder

Encode and decode Base64 text and files, UTF-8 safe.

Developer

→

JWT Decoder

Decode and inspect JSON Web Tokens — header and payload — in your browser.

Developer

→

Regex Tester

Test and debug regular expressions with live match highlighting.

Developer

→

All Developer Tools

JSON formatter, Base64, JWT decoder, regex tester, text diff and an API client.

Developers

→

SEO Tools

Sitemap generator, schema markup, UTM builder, meta tags and Open Graph preview.

SEO

→