Guides JP

Favicon Generator

Upload an image or type text/emoji to generate PNG favicons in every size (16/32/48/180/192/512px), favicon.ico, and apple-touch-icon. Preview them, download individually or as a ZIP, and copy the ready-to-paste <link> HTML. All processing happens in your browser — nothing is uploaded to any server.

Last updated: 2026/10/18 Image Feedback & bug reports

Drag & drop

or

Ctrl+V Ctrl+V to paste an image

JPEG, PNG, WebP, SVG, iPhone HEIC (max 10MB / square, 512px+ recommended)

Settings
0%

Preview & Download

HTML to paste (inside <head>)

Place the files from the ZIP in your site root and paste the tags above into your <head>.

How to Use

1

Prepare a source

Upload an image in the "From Image" tab (drag & drop / Ctrl+V supported), or type a character or emoji in the "From Text / Emoji" tab.

2

Adjust the design

Set the background color, shape (square / rounded / circle), fit, and size, then click "Generate Favicons".

3

Download & install

Download files individually or as a ZIP, then paste the generated <link> tags into your site's <head>.

About the Favicon Generator

A favicon is the small site icon shown in browser tabs, bookmarks, and search results. This tool turns a single image or one character/emoji into PNGs from 16×16 to 512×512px, a multi-size favicon.ico, an iOS apple-touch-icon, and Android/PWA icons all at once. It also outputs the matching HTML <link> tags. Everything is processed in your browser with the HTML5 Canvas API — your images are never sent to any server.

Related tools & guides

Pair your favicon with social share images from the OG Image Generator, resize your source artwork with the Image Resizer, and convert formats such as PNG or WebP with the Image Converter. For design tips and installation steps, see our guide to creating favicons.

Features

  • Generate every size at oncePNGs at 16/32/48/180/192/512px plus a real multi-size favicon.ico, generated automatically.
  • Image, text & emojiCreate favicons from a logo image, or from a character or emoji.
  • Auto HTML outputCopy-paste-ready <link> tags and a site.webmanifest are generated for instant setup.
  • Browser-only processingAll processing happens locally. Your images are never uploaded to any server.

Use Cases

  • Create favicons for blogs and corporate sites
  • Generate device icons from a logo in one go
  • Prepare icons for a PWA (Progressive Web App)
  • Quickly make a site icon from an emoji or initial
  • Create icons for iOS/Android home screens

FAQ

What source image works best?
A square PNG or SVG of at least 512×512px is ideal. Simple, easily recognizable designs work best at small sizes. For non-square images, use "Contain" to add padding or "Cover" to fit the center.
Can it create a favicon.ico?
Yes. It generates a real favicon.ico containing 16px, 32px, and 48px, available as a standalone download or inside the ZIP. This ensures reliable display in older browsers and admin panels.
What is apple-touch-icon?
It is the 180×180px icon used when adding a website to the home screen on iPhone/iPad. This tool generates it automatically along with the matching <link> tag.
Are my images uploaded to a server?
No. All processing happens in your browser via the HTML5 Canvas API. Your images and text are never sent to or stored on any server.
How do I install the generated favicons?
Place the files from the ZIP in your site's root directory and paste the generated <link> tags into your HTML <head>. A site.webmanifest is included for PWA support.
Can I make a favicon from an emoji?
Yes. Enter an emoji in the "From Text / Emoji" tab and it will be rendered into a favicon using your device's emoji font.
Which sizes do I actually need?
At a minimum, a favicon.ico (containing 16/32/48px) plus a 32px PNG covers desktops and major browsers. For full mobile support, also include apple-touch-icon (180px) and the 192px/512px Android/PWA icons. Use "Download All (ZIP)" to export every size plus a site.webmanifest and the ready-to-paste <link> HTML in one go, so nothing is missing.
Can I create a transparent PNG favicon?
Yes. Tick "Transparent" next to the background color in Settings and each size is exported as a PNG with a transparent background. Note that while favicon.ico supports transparency, some older browsers may render the background as black, so if you rely on transparency it is best to also keep the PNG <link> entries.

Related Tools

QR Code Generator Create custom QR codes with logo, colors & styles Image Converter Convert between PNG, JPG, and WebP formats HEIC to JPG Converter Convert iPhone HEIC photos to JPG or PNG in bulk, no upload Image Rotator Rotate, flip and straighten images in bulk, right in your browser Image Compressor Compress PNG, JPEG, WebP images to reduce file size

Popular Tools

Character Counter Count characters, words, and lines in real-time JSON Formatter Format and validate JSON with syntax highlighting Password Generator Generate secure random passwords with one click Base64 Encoder Encode and decode text or files to Base64 IP Address Checker Check your global IP address Percent Calculator Calculate percentages easily

Related Guides

How to Make a Favicon: Sizes, Formats, and HTML Explained Learn how to make a favicon from the basics: its role, the needed sizes (16, 32, 180, 192, 512), ICO/PNG/SVG formats, the HTML <link> tags, apple-touch-icon settings, and creation steps you can do in a browser.