Free favicon maker

Favicon Generator

Give us one logo or image and get a complete, ready-to-install favicon package.

Your image stays on your device. Favicon generation happens entirely in your browser.

1. Upload an image

Drop your image here

PNG, JPG, WebP, or SVG · up to 40 MB

2. Adjust appearance

Drag or use the position controls to frame the artwork.

Keyboard: focus the crop and use arrow keys to reposition; Shift + arrow moves farther.

Position

3. Preview

Browser tab

Example Website

Actual sizes

16 × 1632 × 32

iPhone preview

Example Website

Approximation; appearance varies by iOS version.

Android preview

Example Website

Approximation; launchers and masks vary. Keep key artwork in the center.

4. Configure installation path

Where will these favicon files live on your website?
Use a path such as /assets/icons/. It will be normalized safely.

Generated HTML

5. Download your package

The ZIP contains a real multi-resolution ICO, PNG icons, a path-aware web manifest, and a README with your installation markup.

How to Add a Favicon to Your Website

  1. Download the favicon package and extract the ZIP.
  2. Upload the files to the site root or custom folder selected above.
  3. Copy the generated <link> tags and paste them inside your website's <head>.
  4. Publish or deploy the changes.
  5. Reload the public site and check the browser tab.

If the old icon still appears

Favicons are cached aggressively. Try a hard refresh, clear the browser's cache or site data, open a private window, visit the favicon URL directly, and confirm the generated paths match the upload location.

How to Add a Favicon in WordPress

For WordPress 6.5 or later, open Settings → General, find Site Icon, choose an image, upload android-chrome-512x512.png, and save. WordPress requires a square image at least 512 × 512 and recommends PNG. Older WordPress versions may place Site Icon under Appearance → Customize → Site Identity. These paths follow the current official WordPress Site Icon documentation.

This easiest method lets WordPress create and manage the needed icon tags, but it may not use every file in this package.

Advanced WordPress installation

For explicit control, upload the whole package to your chosen folder and add the generated markup using your theme's supported head-code feature or a child theme. Avoid editing a parent theme's header.php directly because theme updates can overwrite it. A plugin is not necessary when your theme or child theme already provides a safe way to add head markup.

What Files Does a Website Favicon Need?

A focused modern set covers browser tabs with 16 and 32 pixel PNGs plus a multi-resolution favicon.ico, saved iPhone shortcuts with a 180 pixel Apple touch icon, and Android or installable-web-app surfaces with 192 and 512 pixel icons referenced from a web app manifest. A manifest provides icon metadata; it does not make a site a complete PWA by itself.

Small icons reward simple shapes and strong contrast. The actual-size previews help reveal details that disappear at 16 pixels. The Android preview also highlights why important artwork should stay away from the edges where launchers may apply a mask.

SVG uploads are safely decoded into raster output. The original SVG is not copied into the ZIP because SVG can contain scripts, external references, and other active content; rasterizing it avoids packaging those features.

Frequently Asked Questions

A favicon is the small website icon shown in browser tabs, bookmarks, history, and some shortcuts.

Browsers commonly render favicons at 16 or 32 pixels. A modern package should also include larger 180, 192, and 512 pixel icons for Apple and Android uses.

Yes. This generator accepts PNG, JPEG, WebP, and safely decoded SVG images.

In WordPress 6.5 or later, open Settings, then General, choose a Site Icon, and upload the 512 pixel PNG.

Browsers cache favicons aggressively. Verify the file URL and link paths, then try a hard refresh, clear site data, or use a private window.

Related tools

Make an Image SquareResize an Image OnlineEXIF Metadata RemoverImages to PDF