Favicon Generator

Generate free favicons for your website with our easy-to-use favicon generator. Create high-quality favicons in multiple sizes and formats.

Favicon Installation

Create the favicons for your website by following these steps:
  1. Use the favicon generator above to create your favicons.
  2. Download the sizes you want to use or download all of them and then choose which files you want to use.
  3. Insert the following codes into the <head> </head> section of your HTML pages to link to the favicon files you uploaded:

    Standard Favicons
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="24x24" href="/favicon-24x24.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">

    Apple Touch Icons
    <link rel="apple-touch-icon" sizes="57x57" href="/favicon-57x57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/favicon-72x72.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">

    Android / PWA
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png">

    Legacy ICO
    <link rel="shortcut icon" href="/favicon.ico">