favicon.html

<!-- For normal web browsers -->
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <!-- For older Chrome versions -->
  <link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png">
  <!-- For iPad home screen -->
  <link rel="icon" type="image/png" sizes="76x76" href="favicon-76.png">
  <!-- For GoogleTV -->
  <link rel="icon" type="image/png" sizes="96x96" href="favicon-96.png">
  <!-- For iPhone Retina screens -->
  <link rel="icon" type="image/png" sizes="120x120" href="favicon-120.png">
  <!-- For iPad Retina screens -->
  <link rel="icon" type="image/png" sizes="152x152" href="favicon-152.png">
  <!-- For iPad Retina screens (iOS 10 and up) -->
  <link rel="icon" type="image/png" sizes="167x167" href="favicon-167.png">
  <!-- For iPhone 6 screens -->
  <link rel="icon" type="image/png" sizes="180x180" href="favicon-180.png">
  <!-- For pinned tabs in Safari -->
  <link rel="icon" type="image/png" sizes="192x192" href="favicon-192.png">
  <!-- For Chrome for Android home screen -->
  <link rel="icon" type="image/png" sizes="196x196" href="favicon-196.png">
  <!-- Same as 192px x 192px icon -->
  <link rel="apple-touch-icon" type="image/png" href="apple-touch-icon.png">
  <!-- For pinned tabs in Safari, icon vectors are solid black with a transparent background -->
  <link rel="mask-icon" href="favicon.svg" color="#112233">

  <!-- For Windows 8 and 10 Tiles -->
  <meta name="msapplication-config" content="browserconfig.xml">

  <!-- Web App Manifest for Chrome "Add to Home Screen" functionality -->
  <link rel="manifest" href="manifest.json">