Professional Favicon Generator

Generate standard, iOS, Android, and Windows tile formats in a single click. 100% Client-side & Privacy focused.

Upload Image

PNG, JPG, SVG (Max 10MB)

Configuration

Background

Transparent

Padding0%

Border Radius0%

Live Preview

Real-time

Upload to preview

<!-- Standard & Legacy -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="128x128" href="/favicon-128x128.png">

<!-- Apple / iOS -->
<link rel="apple-touch-icon" sizes="57x57" href="/favicon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/favicon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/favicon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/favicon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="/favicon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">

<!-- Android / PWA -->
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="256x256" href="/favicon-256x256.png">
<link rel="icon" type="image/png" sizes="384x384" href="/favicon-384x384.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png">
<link rel="manifest" href="/site.webmanifest">

<!-- Windows -->
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/favicon-144x144.png">

{
  "name": "My App",
  "icons": [
    { "src": "/favicon-192x192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/favicon-512x512.png", "sizes": "512x512", "type": "image/png" }
  ]
}

<browserconfig>
  <msapplication>
    <tile>
      <square150x150logo src="/favicon-150x150.png"/>
      <TileColor>#ffffff</TileColor>
    </tile>
  </msapplication>
</browserconfig>

What is a Favicon?

A favicon (short for "favorite icon") is a small visual symbol associated with a website or webpage. It is commonly displayed in the browser address bar, tabs, and bookmarks list.

Originally used only for bookmarks in Internet Explorer, favicons now play a critical role in Progressive Web Apps (PWA), mobile home screens (iOS & Android), and desktop taskbars, helping improve brand recognition, user experience, and website credibility.

Frequently Asked Questions

Is FavGen completely free?

Yes, FavGen is 100% free and open source. You can use it for personal and commercial projects.

Do you save my images?

No. FavGen runs entirely in your web browser using JavaScript. Your files never touch a server.

Meet the Developer

Built with ❤️ by Dippan Bhusal.
Passionate about open source, web development, and privacy-focused tools.

dippan.connect@gmail.com

GitHub

NPM

Twitter

Insta

Facebook