Free favicon generator from image

Resize an image.
Get 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
From source image to site icon

How to resize an image for a favicon.

Start with a square image at least 512×512 pixels, choose the Favicon and site icons preset, then adjust padding and background so the artwork stays clear at 16×16. ResizeKit creates the ICO, browser PNGs, Apple touch icon, and PWA icons in one pass.

Need one exact width and height instead of a full pack? Use the custom image resizer.

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.

Upload a square PNG, JPG, or WebP, keep the Favicon and site icons preset selected, adjust the background or padding if needed, then download the ZIP. ResizeKit creates favicon.ico and the common browser, Apple, and PWA sizes together.

Make the tiny details count

Your complete favicon pack is one image away.

Create my favicon