ReactSensei

Favicon Generator

March 29, 2020

Use this site

Add this code to the <head> section of your HTML

index.html

Installation

  • First, use the download button to download the files listed below. Place the files in the root directory of your website (I’ll put mine inside images/favicon)
  • android-chrome-192x192.png
  • android-chrome-512x512.png
  • apple-touch-icon.png
  • favicon-16x16.png
  • favicon-32x32.png
  • favicon.ico
  • site.webmanifest

Next

  • Copy the following link tags and paste them into the head of your HTML:
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/images/favicon/site.webmanifest">

© 2020