Free · PNG + ICO + manifest · No signup

Favicon Generator with your brand kit

Type a monogram or upload your logo — get the full favicon set (16/32/48/180/192/512 PNG + .ico + site.webmanifest) plus the `<link>` HTML to drop in. Pure browser, no signup.

Initials auto-derived: EB. Override below if you want different letters.

Live preview at 4 representative sizes
16×16
32×32
180×180
512×512
Paste this into your site's <head>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
<link rel="manifest" href="/site.webmanifest">

Building your site with Lokuma? Drop the contents of the .zip into your site's `/public` folder after publishing, then paste the `<link>` snippet into the `<head>`.

How it works

01

Type or upload

Type a brand name — we derive initials and render a monogram in your chosen color + font. Or upload an existing logo — we resize it to every favicon size with high-quality smoothing.

02

Pick a shape

Square (classic), rounded (modern friendly), or circle (Apple-touch-style). Same shape applies across all sizes for visual consistency.

03

Download + drop in

Get a .zip with 6 PNGs + .ico + site.webmanifest + README with the `<link>` snippet. Drop the files into `/public` and paste the snippet into `<head>` — done.

Need the rest of your brand kit?

The same brand color + font you chose here are the same inputs the Brand Style Guide tool composes into a one-page PDF brand kit. Same handoff into the Lokuma builder.

Open Brand Style Guide

Questions

Related tools