Favicon Generator

Upload a logo or image and get a full favicon set: ICO, PNG icons, apple-touch-icon, manifest, and HTML tags.

Обработка выполняется локально в браузере. Данные не отправляются на сервер.

Generated locally in your browser

ZIP with ready-made favicons

Favicon Generator is a free online tool for creating favicon.ico, PNG icons, apple-touch-icon, manifest, and HTML tags from one image. The image is processed locally in your browser and not sent to the server.

What it does

Output

Processing

Continue working

Choose a related tool for the next step.

IImage CompressorCompress image

Open

IImage ResizerResize

Open

IImage Format ConverterConvert format

Open

IImage to Base64Image to Base64

Open

MOpen Graph Tag GeneratorOpen Graph tags

Open

THTML EscapeEscape HTML

Open

IImage to ICOICO only

Open

IImage Cropper

Open

Data passed between tools is kept only in the current browser session.

How to use

Upload a logo or image in PNG, JPG, or WebP.
Set background, padding, shape, and fit mode.
Check favicon preview at 16×16, 32×32, 180×180, and 512×512.
Click Generate favicon.
Download the ZIP and paste HTML tags into your site <head>.

More about this tool

Favicon Generator helps you create a complete icon set for your site from one image. Upload a logo or picture, set background, padding, rounding, and fit mode — the service builds favicon.ico, PNG icons in several sizes, apple-touch-icon, android-chrome icons, site.webmanifest, and HTML tags for the head. The set suits websites, landing pages, PWAs, online stores, blogs, and web apps. Generation runs locally in your browser; the image is not sent to the UtiLab server.

Runs in the browser
Image is not sent to the server
Generates favicon.ico
Creates PNG icons 16×16, 32×32, 48×48, 180×180, 192×192, and 512×512
Builds apple-touch-icon
Builds site.webmanifest
Provides HTML tags for head
ZIP download available
No registration required

Frequently Asked Questions

What is a favicon?

A favicon is a small site icon shown in the browser tab, bookmarks, history, search interfaces, and on the device home screen when the site is saved.

How do I create a favicon for a website?

Upload a logo or image, set background and padding, click Generate favicon, download the ZIP, and add the files with HTML tags to your site.

Is data sent to the server?

No. Generation runs locally in your browser; the image is not sent to the UtiLab server.

Which favicon sizes are needed?

Usually favicon.ico, PNG 16×16 and 32×32, apple-touch-icon 180×180, and icons 192×192 and 512×512 for manifest and PWA.

Do I still need favicon.ico if I have PNG?

Yes. favicon.ico is still useful for browser and legacy system compatibility. PNG icons complement it for modern devices.

Can I make a favicon with a transparent background?

Yes. If the source image supports transparency and you choose a transparent background, PNG icons keep transparency.

Why does the favicon look blurry?

If the source image is small or has fine details, they may be lost at 16×16. Use a simple logo and a source at least 512×512 px.

Where do I paste favicon HTML code?

Paste HTML tags inside the <head> section of your site. Favicon files must be available at the paths specified in href.

Why does the browser show an old favicon?

Browsers often cache favicons. After replacing files you may need to clear cache, open the site in a private window, or change the file path/version.

Do I need to register?

No. The tool works immediately and does not require registration.

More about this tool

Runs in the browser
Image is not sent to the server
Generates favicon.ico
Creates PNG icons 16×16, 32×32, 48×48, 180×180, 192×192, and 512×512
Builds apple-touch-icon
Builds site.webmanifest
Provides HTML tags for head
ZIP download available
No registration required

Frequently Asked Questions

What is a favicon?

A favicon is a small site icon shown in the browser tab, bookmarks, history, search interfaces, and on the device home screen when the site is saved.

How do I create a favicon for a website?

Upload a logo or image, set background and padding, click Generate favicon, download the ZIP, and add the files with HTML tags to your site.

Is data sent to the server?

No. Generation runs locally in your browser; the image is not sent to the UtiLab server.

Which favicon sizes are needed?

Usually favicon.ico, PNG 16×16 and 32×32, apple-touch-icon 180×180, and icons 192×192 and 512×512 for manifest and PWA.

Do I still need favicon.ico if I have PNG?

Yes. favicon.ico is still useful for browser and legacy system compatibility. PNG icons complement it for modern devices.

Can I make a favicon with a transparent background?

Yes. If the source image supports transparency and you choose a transparent background, PNG icons keep transparency.

Why does the favicon look blurry?

If the source image is small or has fine details, they may be lost at 16×16. Use a simple logo and a source at least 512×512 px.

Where do I paste favicon HTML code?

Paste HTML tags inside the <head> section of your site. Favicon files must be available at the paths specified in href.

Why does the browser show an old favicon?

Browsers often cache favicons. After replacing files you may need to clear cache, open the site in a private window, or change the file path/version.

Do I need to register?

No. The tool works immediately and does not require registration.