Favicon Generator from Image

Upload an image to get started

or drag and drop files here

Supported image formats

lock Edit privatelypayments Free to useperson_off No sign-up

Controls

Background:
Favicon:
Apple:
Android:
Microsoft:
HTML Code
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="msapplication-config" content="/browserconfig.xml">
<meta name="theme-color" content="#ffffff">

How to Create a Favicon

  1. Upload your logo or icon image
  2. Adjust the square crop area
  3. Choose a background color if needed
  4. Download individual icon sizes or the full ZIP pack
  5. Copy the HTML code and add it to your site

Key Features

Square Icon Crop

Frame any image into a balanced square for favicon use.

Full Device Icon Pack

Export favicon, Android, Apple, and Microsoft icon sizes in one package.

Ready Metadata Files

Get manifest.json, browserconfig.xml, and copy-ready HTML together with the icons.

FAQ

Yes. Keep the background transparent or choose a solid color before exporting.

Yes. The tool provides a copy-ready HTML snippet with the favicon and related metadata tags.

Working