Convert

Favicon & app-icon pack

One image → every favicon and app-icon size, plus the HTML snippet. Free, with no upload — your images stay on your device.

Open favicon & app-icon pack See an example

Start with your images

Click to open the workspace

Real example

What it does

Before
Sample logo
logo.png · 1024 × 1024 · 39 KB
After
192 pixel icon32 pixel icon16 pixel icon
favicon-16x16.png515 B
favicon-32x32.png963 B
favicon-48x48.png2 KB
apple-touch-icon.png6 KB
android-chrome-192x192.png7 KB
android-chrome-512x512.png22 KB
favicon.ico3 KB
site.webmanifest359 B
README-snippet.html321 B

Made with this tool on a sample image. Previews are scaled to fit the page; the numbers are from the real files.

Guide

How to use the favicon & app-icon pack

Use it to turn a logo into every icon a website needs, with the code to paste into your page.

STEP 01

Drop a square logo, ideally 512 pixels or larger. PNG with a transparent background works best.

STEP 02

Check the preview. A non-square image is cropped to a square around the subject.

STEP 03

Click Download favicon pack, unzip it into the root of your site, and paste the HTML snippet into the head of your page.

Favicons, PDFs and the colour picker · 0:46 · narrated, with captions
Read the transcript

A few tools do one special job. The favicon generator turns your logo into every icon a website needs. Click Download, and you get the icons, plus the code to paste into your site. Image to PDF combines photos or scans into one document. Each image becomes a page. Choose the page size and margin, then create the PDF. And the colour picker reads exact colours from any image. Click a spot, and you get its HEX, RGB and HSL codes. Click a swatch to copy it. Like everything on 2resize, it all happens on your device.

Reference

Every option, explained

Favicon pack

favicon.ico
Contains 16, 32 and 48 pixel icons for browser tabs.
PNG icons
16, 32, 48, 192 and 512 pixels, plus a 180 pixel Apple touch icon.
site.webmanifest
Ready for Android and installable web apps.
HTML snippet
The link tags to paste into the head of your site.

Good to know

Tips

More help in the documentation.

Questions

Where do the files go?

In the top-level folder of your website, next to your home page.

Is the favicon & app-icon pack free?

Yes — completely free with no file-size limit, because your own device does the work.

Are my images uploaded?

No. Your images are processed in your browser and never leave your device unless you save them to Studio.

Can I do many images at once?

Yes. Drop a folder or select many files — settings apply to the whole batch, and you can download everything as a ZIP.

Related tools