Create favicons and web app icons instantly
One source, every file a modern site needs: a multi-resolution favicon.ico, a vector favicon.svg, Apple touch icons, Android launcher and maskable icons, a web manifest and the head snippet that wires them up.
Files to generate
Paste this in your <head>
It updates with the files you ticked. Drop the pack in your site root and paste this block.
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#3b82f6">
How it works
Pick a source
An emoji, one to three letters, or your own logo. Uploading a file only parks it: nothing is generated until you ask.
Style the plate
Shape, solid colour or gradient, border and padding. The preview redraws on every change.
Place it by hand
Drag to move, scroll to zoom at the cursor, rotate. Ctrl+Z undoes any step.
Ship the pack
Download the ZIP, drop it in your site root and paste the head snippet.
A real multi-frame ICO
The 16, 32 and 48 pixel frames are written as 32-bit BMP with a proper AND mask, so old Windows shells and strict icon parsers accept the file.
True squircle
The rounded plate is a superellipse, the same family of curve iOS uses for app icons, not a rounded rectangle pretending to be one.
Vector favicon.svg
Emoji and letter icons are exported as real vector markup, so they stay sharp on any display and in dark mode.
A correct iOS touch icon
The Apple touch icon is flattened onto a colour you choose, because iOS renders transparency on the home screen as solid black.
Chained with the rest of the suite
Send the finished icon straight to compress, crop, convert or background removal without downloading and re-uploading it.
Nothing leaves the tab
Canvas and a ZIP writer running in your browser. No upload, no API call, no account, and it keeps working offline.
Rendered once at 1024 pixels, then downsampled properly
Drawing an emoji straight into a 16 pixel frame is what makes most generated favicons look like mush: colour emoji fonts fall back to their smallest bitmap strike. FaviconBolt renders one 1024 pixel master and derives every size from it, which measures 87% closer to an ideal downsample at 16 pixels than drawing at that size directly. An optional unsharp pass, applied on premultiplied alpha, adds back the edge contrast the averaging takes away.
100% local generation
Your logo never leaves your computer. The rendering, the ICO binary and the ZIP are all built in the page, and the illustrations on this page are inline SVG, so nothing is fetched from a CDN either.
Every file a browser will actually ask for
Drop the ZIP into your site root and paste the generated head block. The manifest carries your own site name, start URL and scope instead of a placeholder, so the install prompt shows the right thing.
The ICO frames are BMP with an AND mask rather than embedded PNG streams, the Apple touch icon ships opaque, and the Android maskable icon is full-bleed so the system mask does not clip your artwork twice.
Frequently asked questions
QWhat is inside the favicon.ico file?+
Three icon frames, 16x16, 32x32 and 48x48, packed into one binary. They are stored as 32-bit BMP with a 1-bit AND mask, which is the format every icon reader understands. PNG-compressed frames are only supported from Windows Vista onwards and some parsers still reject them.
QWhy does the Apple touch icon have a solid background?+
iOS ignores the alpha channel on home screen icons and composites anything transparent onto black. Flattening the touch icon onto a colour you choose is the only way to control how it looks once installed.
QWhat is the maskable icon for?+
Android applies its own mask, which is a circle on some launchers and a squircle on others. A maskable icon is drawn full-bleed with the artwork inside a safe zone, so the system can crop it without cutting into your logo.
QCan I get a vector favicon.svg?+
Yes, for the emoji and letter modes it is genuine vector markup. If you upload an SVG logo it stays vector too. For a raster upload we embed the 512 pixel render inside the SVG and say so, rather than pretending a JPEG was traced.
QCan I position the icon by hand?+
Drag the artboard to move the artwork, scroll to zoom towards the cursor, and use the rotation slider. Arrow keys nudge, plus and minus zoom, 0 resets, and Ctrl+Z steps back through the history. Holding Alt shows the untouched original.
QDoes anything get uploaded?+
No. Files are decoded, rendered and zipped by your own browser. There is no server call at any point, which is also why it keeps working with the network off.