<- Back to tools

Designer / Brand Assets

Favicon Generator

Generate favicon and app-icon PNGs in multiple sizes directly from one uploaded image. Generate the most common favicon and app-icon sizes from one source image, then download individual PNGs or copy the basic HTML tags.

0

Generated icons

contain

Fit mode

10%

Padding

Alpha

Background

Drag and drop a logo or icon source here.

Status

Upload a logo or square image

Preview grid

Upload a logo or icon source image to generate favicon sizes.

Recommended file names

Standard web filenames will appear after generating icons.

Basic HTML tags

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta name="application-name" content="Toolport" />

Web manifest

{
  "name": "Toolport",
  "short_name": "Toolport",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

Where it helps

Quickly preparing favicon assets for a launch, redesign, or side project.

Generating consistent app-icon sizes from a client logo without reopening design files.

Testing transparent and solid-background variants before shipping assets.

Why this belongs here

Favicon work is small but annoying, so a fast focused tool gets reused.

Most people do not need a full design suite just to produce the standard icon sizes.

It connects naturally to the resizer and compressor tools for a tight asset workflow.