Skip to content
Toolspire

Image Tools

Favicon Generator

Favicon Generator is part of Toolspire and is ready as soon as this page loads. Turn your logo, initials or an emoji into a complete favicon package — favicon.ico, SVG, Apple and Android icons and a web manifest — with live previews and the code to paste into your site.

Runs in this tabFreeNo account

On this page

What you can do here

Complete package

Every file browsers, iPhones, Android and Google Search look for — named and sized correctly.

From text or emoji

No logo yet? Make a clean letter icon in seconds, with real font outlines, not a screenshot.

Real-size previews

See exactly how the icon looks at 16 px in a browser tab, on dark tabs and on phone home screens.

Safe Android icons

The maskable icon keeps your logo inside the safe zone, so circle and squircle crops never cut it off.

Code included

The <head> tags and web manifest are written for you — just upload and paste.

Private

Nothing is uploaded: icons are drawn and zipped on your device.

The sequence

How to make a favicon

  1. 1

    Choose the source

    Upload your logo (SVG is best), or type one or two letters, or pick an emoji.

  2. 2

    Style it

    Pick a background colour (or none), a shape and the padding. Check the 16 px preview and the dark browser tab.

  3. 3

    Add your site name

    Enter the name and theme colour used by phones when your site is added to the home screen.

  4. 4

    Download and install

    Download the ZIP, upload the files to your site’s root folder and paste the HTML into <head>.

Worth knowing

  • Favicon Generator on Toolspire: make a favicon from an image (SVG, PNG, JPG, WebP or HEIC), from text — one to four letters in Poppins, Inter or Lora, Hindi included — or from an emoji.
  • One ZIP with everything a modern site needs: favicon.ico (16, 32 and 48 px), favicon.svg, favicon-96x96.png, apple-touch-icon.png (180 px), 192 and 512 px app icons, a maskable Android icon and site.webmanifest.
  • Copy-ready HTML for <head>, plus where to put each file in a Next.js app.
  • Live previews: actual 16, 32 and 48 px sizes, browser tabs in light and dark mode, a Google search result and iPhone and Android home screens.
  • Choose a background colour or transparency, a square, rounded or circle shape and the padding. SVG logos and text stay vector in favicon.svg, so they are sharp at any size.
  • Everything is made in this tab — your logo is not sent to us.

Which favicon files do you need?

FileSizeUsed by
favicon.ico16, 32, 48 pxAll browsers, bookmarks, and tools that ask for /favicon.ico
favicon.svgAny sizeModern browsers — sharp on every screen
favicon-96x96.png96 × 96Browsers and Google Search, which wants a multiple of 48 px
apple-touch-icon.png180 × 180iPhone and iPad home screen and bookmarks
web-app-manifest-192x192.png192 × 192Android home screen
web-app-manifest-512x512.png512 × 512Android splash screen and installed web apps
maskable-icon-512x512.png512 × 512Android adaptive icons (circles, squircles and other shapes)
site.webmanifest—App name, colours and icons for “Add to home screen”

Tips for a favicon that stands out

  • Keep it simple: a symbol or one or two letters. Detailed logos turn into a blur at 16 pixels.
  • Check the dark tab preview — a black logo on a transparent background disappears in dark mode. Add a background colour or a light outline.
  • Use strong contrast between the letters and the background.
  • Use an SVG logo if you have one: favicon.svg stays crisp on high-resolution screens.
  • Browsers cache favicons for a long time. Open your site in a private window to see the new one.

FAQ

Questions about Favicon Generator

Where does Favicon Generator run?

Favicon Generator runs in this tab on Toolspire. What you type or drop in is not sent to us and is not stored on a server.

What size should a favicon be?

Browsers use 16 × 16 and 32 × 32 pixels (48 × 48 on Windows), all stored in favicon.ico. Apple devices use a 180 × 180 icon, Android uses 192 × 192 and 512 × 512, and Google Search needs a size that is a multiple of 48 px. This tool makes all of them.

How do I add a favicon to my website?

Upload the files from the ZIP to the root folder of your site (where index.html is), then paste the HTML code from this page into the <head> of every page — or your site template.

How do I add a favicon in WordPress?

Go to Appearance → Customize → Site Identity → Site Icon (or Settings → General in newer versions) and upload web-app-manifest-512x512.png. WordPress creates the other sizes itself.

Why don’t I see my new favicon?

Browsers cache favicons aggressively. Open the site in a private window or clear the cache. Google Search updates its favicon when it next crawls your home page, which can take days or weeks.

Do I still need favicon.ico?

Yes. Many browsers, RSS readers and other tools still ask for /favicon.ico automatically. Modern browsers then prefer favicon.svg or the PNGs listed in your HTML.

What is a maskable icon?

Android crops app icons into circles, squircles or rounded squares. A maskable icon has a full background and keeps the logo inside a central safe zone, so nothing important is cut off whatever shape the phone uses.

Is my logo uploaded?

No. The icons are drawn in this tab and zipped on your device; nothing is sent anywhere.

Keep going

Related tools

SVG to PNG, JPG & WebP ConverterNewConvert SVG to PNG, JPG or WebP online at any size — 1x, 2x, 3x or exact pixels — with a transparent or coloured background. Batch convert, free.Image ToolsImage ResizerNewResize JPG, PNG and WebP images by pixels, percentage or social media presets. Crop to fill or fit, batch resize and download a ZIP — without uploading needed.Image ToolsCrop ImageNewCrop Image on Toolspire. Crop images online to any size or ratio: 1:1, 16:9, Instagram and YouTube sizes, circle crop, rotate, flip and straighten. Free.Image ToolsImage Color PickerNewImage Color Picker on Toolspire. Pick colours from any image: get HEX, RGB, HSL and CMYK codes with a zoom loupe, plus the image’s colour palette. Free.Image ToolsImage CompressorPopularImage Compressor on Toolspire: Compress JPG, PNG, WebP and AVIF images on your device. Shrink photos by up to 90% or hit an exact KB target.Image ToolsWebP ConverterNewWebP Converter on Toolspire: Convert PNG, JPG, GIF and HEIC images to WebP on your device. Lossy or lossless, transparency kept, batch ZIP download — free.Image Tools

Open the full directory

Last updated Report a problem or suggest a feature