One image. Every screen.

Text Favicon Generator

Small icons. A lasting impression.

Make a favicon from letters or initials. Choose a font and colors, preview small sizes and download an icon pack.

PNG ICO PWA

Create your icon pack

Turn your image into favicons, app icons and more.

1Upload
2Adjust
3Download

Waiting for an image

Image

Text

Letters or initials

Font

Text color

Text size

Working…

16 × 16

32 × 32

48 × 48

180 × 180

192 × 192

512 × 512

Adjust your icon

Fine-tune the look for every screen.

Image fit

Background

Transparent

Solid

#FFDE59

Padding6%

Corner radius0%

ICO sizes (select multiples)

256

See it in context(upload to preview your icon)

Browser tab

https://example.com

iOS home screen

Your icon here

PWA / Android

Your icon here

How to make a favicon in 3 steps

From one image to a complete set of icons.

1Letters or initials

Make a favicon from letters or initials. Choose a font and colors, preview small sizes and download an icon pack.

2Adjust and preview

Choose the fit, background and padding. Check the result at small sizes.

3Download and add to your site

Export your icon pack, upload the files, and add the icon links to your HTML.

One logo, ready for every screen

See where the generated files are used.

Website favicon

My Site×

16 × 16

32 × 32

16 × 16 and 32 × 32 icons help visitors recognize your site in tabs and bookmarks.

iPhone & iPad

My Site

180 × 180

Use a 180 × 180 apple-touch icon when your site is added to the home screen.

PWA & Android

Install app

192 × 192

512 × 512

192 × 192 and 512 × 512 images are common sizes used by web app manifests.

What’s in your icon pack?

A ready-to-use set of icons for all platforms.

favicon.ico16 × 16, 32 × 32, 48 × 48, 256 × 256
apple-touch-icon.png180 × 180
icon-192.png192 × 192
icon-512.png512 × 512
site.webmanifestWeb app manifest

Add icons to your website

Place these links in your HTML <head>.

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">