ToolsTutorialsDownloadsPricingFAQ

Favicon Generator for Websites

Generate favicon.ico and PNG favicon sizes from an image. Preview a small, recognizable website icon before adding it to your site.

Free editing and export, no watermark. AI generation and AI editing use credits. Use the full editor in a desktop browser.

One source, styled and exported

Original sample icon
Source
Icon with a gradient background and padding
Edited composition
32-pixel exported icon preview
32 × 32 PNG

Example rendered from repository demo artwork with the icon renderer. Platform padding, masks and delivered resources depend on the selected preset.

How to use it

  1. Import a clear square image.
  2. Use the Web preset and inspect the 16- and 32-pixel outputs.
  3. Download and extract the ZIP, then configure the icon links.

Build for a browser tab first

Browser tabs give your icon very little space. Remove small text from the source and keep one strong silhouette. The Web preset exports PNG sizes including 16, 32 and 48 pixels and a bundled favicon.ico; it also includes a 180-pixel PNG suitable for an Apple touch icon link.

Install the files and verify the URLs

Extract the ZIP into your public assets, then add icon links to your document head or framework metadata. Check that every linked file returns an image. Browsers cache favicons aggressively; a stale tab icon does not necessarily mean the export failed.

Files and sizes in the current preset

This list reads the application preset. Exporters add project companion files; size selection affects the final archive. Extract container files from the downloaded ZIP.

ICO: favicon.ico (16, 32, 48, 64 px)

View 9 image outputs
FileSize
favicon-16x16.png16 × 16
favicon-32x32.png32 × 32
favicon-48x48.png48 × 48
favicon-64x64.png64 × 64
favicon-96x96.png96 × 96
favicon-120x120.png120 × 120
favicon-128x128.png128 × 128
favicon-180x180.png180 × 180
favicon-256x256.png256 × 256

Questions before you start

Do I need to pay or sign in?

Ordinary image editing and export are free. AI requests require sign-in and credits; cloud sync and other account services depend on your plan.

Will this change my project automatically?

No. Preview and download the resources in the editor, then integrate them into your project. Keep a backup of existing icons and test the build.