freecsstemplates. Favorites0
THE WEBSITE WORKBENCH

Favicon package generator

A small mark. A finished detail.

Make your mark

Advanced settings Colors, padding and web app icons

Maskable artwork uses at least 24% padding, keeping content within the central safe area. The background fills the full icon.

A manifest alone does not add offline support or guarantee app installation.

See it at real sizes Before you download
My website
16 px
32 px
48 px

From preview to your website.

  1. Enter up to three initials or choose a JPEG, PNG or WebP logo.
  2. Choose colors and padding, and check the small browser-tab preview.
  3. Generate and download the ZIP. Copy its files into your website root or Astro public directory.

Know what you’re exporting.

Packages include six standard PNGs, a multi-size ICO and a configurable web manifest. Advanced can add a separate safe-area maskable icon. Existing transparent logo areas are placed over the selected background. A manifest alone does not provide offline support or guarantee installation.

No registration or subscription is needed. Uploaded images, initials and generated content stay in this browser tab.

GOOD DESIGN, OCCASIONALLY.

Your next idea
could start here.

New templates, useful guides, and updates from us.
A little inspiration for whatever you’re building.