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 

<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

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?+