T
Tooltastic
Favicon Generator – Create Favicons for All Platforms | Tooltastic
Try now

Favicon Generator

Create favicons in all formats – free & right in your browser

PNG, JPG, SVG, GIF, WebP 100% local in browser ZIP download

Source Image

Upload or paste an image to get started

Drop image here

or click to select

Ctrl+V to paste from clipboard
PNG, JPG, SVG, GIF, WebP | Recommended: 512×512 px or larger, square

Current image

Popular Emojis

Configuration

0% 25% 50%
0% 10% 20%

Select which favicon sizes to generate

Preview

Browser tab
tooltastic.eu
Bookmark
Tooltastic
Example
Site
Home screen
Tooltastic
Search results

tooltastic.eu

Tooltastic – Free Online Tools

Free online tools for developers and designers...

Download

Download your favicons and integration code

HTML Code

Add this to the section of your HTML

Web App Manifest

Copy favicon files to the public/ folder, then add to index.html:

Copy favicon files to the app/ folder or use the Metadata API:

Via the Customizer or with code in functions.php:

How to Use Your Favicons

1

Extract the ZIP file

Unzip the downloaded file into the root directory of your website.

2

Add HTML code

Copy the HTML code above and paste it into the section of every page.

3

Add manifest

Copy the manifest code into your site.webmanifest or manifest.json file.

4

Test

Open your site in different browsers and check that the favicon displays correctly.

Included Files

favicon.ico – Classic favicon for all browsers
favicon-16x16.png – Small favicon
favicon-32x32.png – Standard favicon
apple-touch-icon.png – Apple devices
android-chrome-192x192.png – Android home screen
android-chrome-512x512.png – Android splash screen
site.webmanifest – Web app manifest
favicon.svg – Scalable vector favicon
Tutorial
Step-by-step guide
FAQ
Answers to frequently asked questions

What Is a Favicon?

A favicon (short for "favorite icon") is a small icon associated with a website. It appears in browser tabs, bookmarks, history, and search results. A well-designed favicon helps users quickly identify your site and enhances brand recognition.

Why Do You Need a Favicon Generator?

Modern websites need favicons in many different sizes and formats to look good on all devices and browsers. Manually creating all these variants is time-consuming. Our Favicon Generator automatically produces every required format from a single source image.

How Does the Favicon Generator Work?

Upload any image (PNG, JPG, SVG, GIF, or WebP), configure your preferred settings like background color and border radius, preview the results in real-time, and download all favicon files as a ready-to-use ZIP package – including HTML code and web app manifest.

What You Get

The Favicon Generator produces all the files you need: ICO format for legacy browsers, PNG files in multiple sizes for modern browsers and devices, Apple Touch Icon for iOS, Android Chrome icons, SVG for scalable vector support, and a web app manifest for progressive web apps.