peartools

Favicon Generator

Turn an image, an SVG, or a bit of text into a favicon for your website. Add your art, style it, and download a favicon.ico, PNGs at every size, a web app manifest, and the HTML snippet to paste into your page head. This free favicon generator runs in your browser, so nothing is uploaded and your original file stays untouched.

Drag and drop an image here, or

SVG, PNG, JPG, or WebP up to 15 MB. A square image works best. Nothing is uploaded.

What the favicon generator does

This tool builds the small icon that shows in a browser tab, next to a bookmark, and on a phone home screen. You start from a square image, an SVG, or a few letters or an emoji, and it draws that artwork fresh at each size a favicon needs. Because each size is rendered on its own, the icon stays sharp even at 16 pixels, where a plain scaled-down photo would go blurry.

You can set a background color or leave it transparent, round the corners into a squircle or a full circle, and add padding so the art has room to breathe. The preview shows the result in a browser tab, on a mobile home screen, and in dark mode, so you can see how it reads before you ship it.

When you download, you get a ZIP with favicon.ico (which bundles the 16, 32, and 48 pixel versions), separate PNGs including the 180 pixel Apple touch icon and the 192 and 512 pixel app icons, a site.webmanifest, and an HTML snippet with the link tags. Drop the files in your site root, paste the snippet into your head, and you are done. Everything runs in your browser, so your image is never uploaded.

Why use our favicon generator

  • ·Free. No signup, no paywall, and no watermark on your icon.
  • ·Runs in your browser. Your image is never uploaded or saved.
  • ·SVG in, sharp out. An SVG is redrawn at each size so it never looks blurry.
  • ·A complete set. favicon.ico, every PNG size, a web app manifest, and the HTML.
  • ·Text and emoji. No logo? Make an icon from a letter or an emoji in seconds.
  • ·Real previews. See it in a browser tab, on mobile, and in dark mode before you download.

How to use it

  1. 1

    Add an image or type text

    Upload a square image (SVG, PNG, JPG, or WebP), or switch to the text tab and type a letter or emoji. Your file stays in your browser and is never uploaded. An SVG scales cleanly to every size, so it gives the sharpest result.

  2. 2

    Style the icon

    Pick a background color or keep it transparent, round the corners, and add padding so the artwork is not cramped. Every change updates the preview live, including how the icon looks in a browser tab and on a phone home screen.

  3. 3

    Check every size

    The preview shows the icon at 16, 32, 48, 180, 192, and 512 pixels, so you can see that it still reads clearly at the tiny sizes a browser tab uses.

  4. 4

    Download the favicon package

    Download a ZIP with favicon.ico, all the PNG sizes, a site.webmanifest, and the HTML snippet to paste into your page head. You can also grab any single size on its own.

Who uses a favicon generator

Anyone who runs a website and wants a proper icon in the browser tab can use this. These are the people who use it most:

  • ·Web developers and designers. Turn a logo or SVG into a full favicon set with the .ico, PNGs, and the exact link tags to drop into the page head, without a build step or an account.
  • ·People launching a website or blog. Get the little icon that shows in the browser tab and on bookmarks, so your site looks finished instead of showing a blank page icon.
  • ·App and PWA makers. Get the 192 and 512 pixel PNGs and a web app manifest so your progressive web app has a proper icon on a phone home screen.
  • ·Anyone without design software. Make a favicon from a single letter or emoji in a few seconds, no image editor needed, and download it ready to use.

Frequently asked questions

How do I make a favicon?
Add a square image or type a letter or emoji, pick a background and any rounding you want, then download the favicon package. It gives you favicon.ico, PNG sizes, a web app manifest, and the HTML snippet to paste into your page head. Everything runs in your browser, so nothing is uploaded.
What is a favicon?
A favicon is the small icon a browser shows in the tab, next to a bookmark, and in the history list for your site. It is usually a 16 or 32 pixel version of your logo. Modern sites also ship larger versions for phone home screens and progressive web apps, which this tool makes for you too.
Can I turn an SVG into a favicon?
Yes. Upload an SVG and it is drawn fresh at each size, so the icon stays sharp all the way down to 16 pixels instead of getting blurry the way a scaled-down photo would. SVG is the best source to start from if you have one.
What sizes and files do I get?
You get a favicon.ico that bundles the 16, 32, and 48 pixel versions, plus separate PNGs at 16, 32, 48, 180 (the Apple touch icon), 192, and 512 pixels. The ZIP also has a site.webmanifest and an HTML snippet with the link tags so you can wire it up in one step.
How do I add the favicon to my website?
Put favicon.ico and the PNGs in the root folder of your site (or wherever you serve static files), then paste the HTML snippet from this tool into the <head> of your pages. The snippet points at favicon.ico, the small PNGs, the Apple touch icon, and the web app manifest.
Can I make a favicon from text or an emoji?
Yes. Switch to the text tab and type up to three characters or an emoji. Choose a background color and a text color, and the tool centers it and sizes it to fit. It is a quick way to get an icon when you do not have a logo yet.
Is my image private?
Yes. The whole thing runs in your browser. Your image is never uploaded to a server or saved anywhere, and the original file on your device is never changed. Once the page has loaded you can even use it offline.
Is this favicon generator free?
Yes. It is completely free with no signup, no limits, and no watermark on your icon. Use it as often as you like.