Favicon Generator - Create a Favicon Online
Turn a PNG, JPG, WEBP, GIF, or BMP image into a complete favicon package online — multi-size ICO, PNG icons, and ready-to-paste HTML. Free, no signup, 100% in your browser.
Tool Interface
No file selected
- Select File: Click "Choose Image File" to upload a logo or image — it's automatically cropped to a centered square, shown in the preview.
- Check the preview: Look at the 32px and 16px previews — favicons are tiny, so simple shapes and bold contrast work best.
- Generate: Click "Generate Favicons" to build the full icon set.
- Download & Install: Download the ZIP, unzip it into your site's root folder, and paste the provided HTML snippet into your site's <head>.
Rate this tool
About This Tool
Favicon Generator – Create a Website Icon Online
A favicon is the small icon that represents your website in browser tabs, bookmarks, and browser history. A sharp, recognizable favicon helps visitors spot your site at a glance and makes it look professional.
The Favicon Generator by Trencada turns any PNG, JPG, WEBP, GIF, or BMP image into a complete, ready-to-install favicon package: a multi-size ICO file, five PNG icons, an Apple touch icon, a web app manifest, and a ready-to-paste HTML snippet. Everything is processed 100% in your browser — your image is never uploaded to a server, and Trencada never stores it.
How to Create a Favicon
Creating a favicon with Trencada takes four quick steps:
- Choose your image. Click "Choose Image File" or drag & drop an image onto the upload area. Supported formats are PNG, JPG, WEBP, GIF, and BMP. The tool automatically crops the image to a centered square.
- Check the previews. Review the large preview plus the real-size 32 px and 16 px previews to make sure your design stays clear and recognizable at tiny sizes. The "Generate Favicons" button unlocks as soon as your image loads.
- Generate the package. Click "Generate Favicons". The tool builds a multi-size ICO (16×16, 32×32, 48×48), five PNG icons, an Apple touch icon, a site manifest, and an HTML snippet — all locally in your browser.
- Download and install. Click "Download Favicon Package (ZIP)" to save favicon-package.zip. Unzip the files into your website's root folder, then paste the generated snippet (use the "Copy HTML Snippet" button) into the
<head>of your pages.
Key Features
- Multi-size favicon.ico (16×16, 32×32, 48×48) in a single file
- Five PNG icons: 16×16, 32×32, Apple touch icon (180×180), Android 192×192 and 512×512
- Ready-to-use site.webmanifest for progressive web apps
- Ready-to-paste HTML snippet with a one-click "Copy HTML Snippet" button
- Live 32 px and 16 px previews to check readability at real favicon sizes
- Drag-and-drop upload with automatic centered-square cropping
- 100% client-side — no uploads, no signup, no watermark, free unlimited use
Why Choose Trencada
- Private by design: canvas-based conversion means your logo never leaves your device.
- No signup, no email, no watermarks.
- A complete install package — not just an ICO, but PNGs, a manifest, and the HTML snippet.
- Works everywhere: desktop and mobile browsers, free forever.
Related Image Tools
Preparing your image first? Resize an image online, compress an image, or crop an image with Trencada's free tools. Need a different format first? Convert with PNG to JPG, JPG to PNG, or SVG to PNG, or remove an image's background.
Frequently Asked Questions
What is a favicon?
A favicon is a small icon associated with a website. It appears in browser tabs, bookmarks, browser history, and shortcuts, helping users recognize your site.
How do I create a favicon?
Upload a suitable image to the Favicon Generator, check the previews, click "Generate Favicons", then download the ZIP package and add the files and HTML snippet to your website.
What image should I use for a favicon?
A simple square logo, symbol, or recognizable graphic usually works best. Avoid detailed images and very small text — the tool crops your image to a centered square automatically.
What size should a favicon be?
Common favicon sizes include 16×16 and 32×32 pixels, while larger icons such as 180×180, 192×192, and 512×512 are used for touch icons and web apps. This generator creates all of them for you.
Should a favicon be PNG or ICO?
Both work. ICO is the traditional favicon format and can hold multiple sizes in one file; PNG supports transparency and is widely used for icons. The generated package includes both, so you are covered.
Can I use a PNG as a favicon?
Yes. PNG works as a favicon when correctly referenced in your HTML. The package includes ready-to-paste <link> tags for the PNG icons.
Can I use an SVG as a favicon?
Modern browsers support SVG favicons, but compatibility varies. This generator works from raster images (PNG, JPG, WEBP, GIF, BMP) and produces ICO and PNG output, which works in every browser.
Why is my favicon not showing?
Check the file path, the HTML reference, and the file format. Favicons are cached aggressively — try a hard refresh (Ctrl+F5 or Cmd+Shift+R) or clear your browser cache.
Can I use a favicon for a WordPress website?
Yes. WordPress supports website icons through its Site Identity settings. The exact steps depend on your theme, but you can also upload the generated files and add the snippet manually.
Is the Favicon Generator free?
Yes. The Favicon Generator on Trencada is free to use, with no signup, no watermarks, and no limits.
Is my image uploaded to a server?
No. The Favicon Generator processes your image entirely in your browser using local canvas-based conversion. Your file is never uploaded, stored, or shared with anyone.
What files are included in the download?
The favicon-package.zip contains favicon.ico (16×16, 32×32, 48×48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest, and head-snippet.html with the ready-to-paste link tags.