Favicon

<link rel="apple-touch-icon" sizes="180x180" href="https://static.iis.se/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://static.iis.se/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://static.iis.se/favicons/favicon-16x16.png">
<link rel="manifest" href="https://static.iis.se/favicons/site.webmanifest">
<link rel="mask-icon" href="https://static.iis.se/favicons/safari-pinned-tab.svg" color="#ff4069">
<link rel="shortcut icon" href="https://static.iis.se/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="https://static.iis.se/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="apple-touch-icon" sizes="180x180" href="{{url}}apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="{{url}}favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="{{url}}favicon-16x16.png">
<link rel="manifest" href="{{url}}site.webmanifest">
<link rel="mask-icon" href="{{url}}safari-pinned-tab.svg" color="#ff4069">
<link rel="shortcut icon" href="{{url}}favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="{{url}}browserconfig.xml">
<meta name="theme-color" content="#ffffff">
{
  "url": "https://static.iis.se/favicons/"
}

Favicon

There is no visual representation of the favicon in this component, but the HTML-meta elements are ready to use. Files are fetched from CDN.