ResizeKitCreate a favicon
Free favicon generator from image

One image.
Every favicon file your site needs.

Create a browser-ready ICO, favicon PNGs, an Apple touch icon, PWA icons, a web manifest, and the HTML needed to install them.

Complete downloadable pack No account or watermark Image stays on your device
01

Add your source image

Add an image to resizeor drag and drop it herePNG, JPG, or WebP · Up to 20 MB
02

Choose your output sizes

Start with a developer preset or add exact dimensions.

PNG + ICO
Developer presetsChoose a platform to load its recommended outputs.
7 presets
Favicon and site iconsA browser favicon, Apple touch icon, PWA icons, web manifest, and copy-ready install snippet. 6 outputs selected.
Favicon guide
Personalize the install filesThese values are written into the included web manifest and HTML snippet.
03

Generated files

Review every final output, then download the complete set.

Your previews will appear here

Add a source image to preview the 6 selected outputs and download them together.

Reuse these sizesCopy a link to share this exact size configuration with a teammate or use it again later.
ICO16, 32, and 48px
180pxApple touch icon
192 + 512PWA install icons
1 ZIPFiles and install code
More than a resized square

A favicon pack you can actually install.

ResizeKit creates the common browser and device assets, names them consistently, and includes the configuration files that normally get forgotten.

01

Browser favicon

The generated favicon.ico contains 16, 32, and 48-pixel PNG images in one ICO container for broad browser and desktop compatibility.

02

Apple and PWA icons

The pack includes a 180-pixel Apple touch icon plus 192 and 512-pixel install icons referenced by the web app manifest.

03

Ready-to-copy setup

A generated manifest, HTML link tags, and a short README show exactly which files to place in your website's public folder.

Simple installation

Add the pack to your website in three steps.

  1. Copy the downloaded files into your website's public or root folder.
  2. Paste the generated link tags into the page's <head>.
  3. Deploy, then check a fresh browser tab and a mobile home-screen shortcut.
<link rel="icon" type="image/x-icon"
  sizes="16x16 32x32 48x48" href="/favicon.ico">
<link rel="icon" type="image/png"
  sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon"
  sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Favicon questions

Know what you are downloading.

Start with a square image at least 512×512 pixels. Use simple, high-contrast artwork because the smallest browser icon is only 16×16 pixels.

Make the tiny details count

Your complete favicon pack is one image away.

Create my favicon →