# 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.

## TypeUpload

### Brand name

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

### Custom initials (override)

### Font
Inter

### Foreground color

### Background color

### Shape
SquareRoundedCircle

## 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">
```

## Copy `<link>` HTML

## Download .zip (PNG + ICO + manifest + README)

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](https://lokuma.ai/tools/brand-style-guide)

## Questions

- Why so many sizes?+
- Do I really need favicon.ico if I have all the PNGs?+
- Will the monogram look readable at 16×16?+
- Can I use my own font?+
- Is this really free?+
