Favicon Generator

Input Mode

Text Settings

Style Settings

Your Website
16x16
32x32
48x48

Preset Designs

What are Favicons?

Favicons are small icons displayed in browser tabs, bookmarks, and mobile home screens. They help users identify your website visually and are an important part of your site's branding.

Required Favicon Sizes

Size Purpose
16x16 Browser tab icon
32x32 Windows taskbar
180x180 Apple Touch Icon
192x192 Android Chrome
512x512 PWA icon

Implementation Guide

Add the following code to your HTML <head> section:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">