Favicon Generator

Download Download .ZIP File
HTML Code for your Favicon
<!--paste this into the <head> section -->
<link rel="icon" type="image/png" href="path/to/favicon.png">
<link rel="shortcut icon" sizes="16x16 24x24 32x32 48x48 64x64" href="favicon.ico">
<!-- OPTIONAL HTML CODE --> <!-- Mobile (Android, iOS & others) --> <link rel="apple-touch-icon" sizes="57x57" href="favicon-57.png"> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="favicon-57.png"> <link rel="apple-touch-icon" sizes="72x72" href="favicon-72.png"> <link rel="apple-touch-icon" sizes="114x114" href="favicon-114.png"> <link rel="apple-touch-icon" sizes="120x120" href="favicon-120.png"> <link rel="apple-touch-icon" sizes="144x144" href="favicon-144.png"> <link rel="apple-touch-icon" sizes="152x152" href="favicon-152.png"> <!-- Windows 8 Tiles --> <meta name="application-name" content="Scotch Scotch scotch"> <meta name="msapplication-TileImage" content="favicon-144.png"> <meta name="msapplication-TileColor" content="#2A2A2A"> <!-- iOS Settings --> <meta content="yes" name="apple-mobile-web-app-capable"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

How it works

  1. Upload a square image (minimum size: 64x64 pixels).
  2. Download the generated .ZIP file containing your favicon.ico images (sizes: 16x16, 32x32, 64x64).
  3. Extract the favicon.ico image files
  4. Copy the HTML code provided to implement the favicon on your site.

What is a favicon?

At the top tab of your web browser, a small icon that represents your brand will appear next to the page's title text. That's a favicon! It is usually a square image saved in the '.ico' file format.

Why use this generator?

There are so many sites out there with awful/misleading ads wrapped around their generators. If you just want to upload your image, download your .ico files and move on with life, you're in the right place.

It's 100% Free. If you like this and want to support this website, you can buy me a coffee