Favicon pack

Tabs, iOS, Android, Google. SVG, ICO, PNG, maskable icon, and the markup to paste.

Drop files or click to browse PNG · JPG · WebP · SVG · AVIF File

Tab

App

Dark tab

App

iOS

Android

Maskable

Google

App example.com

Padding 10%

Background

Color

Theme color

Dark tab color

App name

Path on the site

Paste into <head>

Working 0%

Download result

What the favicon pack does

One image in, a full favicon set out: SVG, ICO, PNG, Apple Touch, Android maskable, plus HTML and a web manifest.

Set padding, background, theme colors, and the path. Copy the markup into your head. Generation stays in this browser.

Drop a square-ish PNG, SVG, or similar, or click to browse.

Transparent or solid background, theme color, app name, and the path on the site.

Hit Build pack, download the ZIP, and paste the markup into head.

Are files uploaded?

No. The pack is built on this device.

Which source works best?

A simple square logo. Extra padding is added here if you need it.

What is maskable?

An Android icon with safe padding so launchers can crop it.

Where do I put the files?

Upload the pack to the path you set, then paste the HTML into head.