How to Use the Favicon Folder

  1. Create a favicon to be used in your project.
  2. Go to favicon.io and upload the favicon, and then download the complete zipped favicon optimized for different devices.
  3. Next, place the files in the root directory of your website.
  4. Finally, copy the following code and place it in the head directory:
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
     <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="manifest" href="/site.webmanifest">