Client-side only

Favicon studio

ICO + PNG sizes + Apple touch + Android chrome + manifest. Crop in the browser, preview tab & mobile chrome, export a clean ZIP and paste-ready head tags.

Drop, browse, or paste

PNG, JPG, WebP, SVG, or GIF. Clipboard paste works anywhere on this page (Ctrl/Cmd+V).

Preview appearance

Live previews

Tab chrome, mobile home screen, and pixel-accurate sizes.

Fake page title

Home screen app name

Browser tab

My app — Overview

Page body preview area

Mobile home screen

My AppiOS

My AppAndroid

Pixel grid (16 / 32 / 48)

—

16×16

—

32×32

—

48×48

Export

Lazy-loaded ZIP + copy-ready <head> snippet.

Asset base path

Theme color (light)

Theme color (dark)

Generated <head> block

<link rel="icon" href="/favicon.ico" sizes="any">
<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="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#fafafa" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0a0a0a" media="(prefers-color-scheme: dark)">

Made with 💜 by Aries Spring