| layout | title |
|---|---|
layout.njk |
Favicon |
- Microsoft favicon/pinned icon
- Safari Pinned Tab Icons
- rel="icon", instead of rel="shortcut icon"
- Google - favicon to show in search results
- Definitive edition of "How to Favicon in 2021"
- Simple favicon;
- All cases favicon;
- Check favicon;
<link type="image/x-icon" rel="icon" href="/favicon.ico">
<link type="image/svg+xml" rel="icon" href="img/favicons/favicon.svg">
<link type="image/png" sizes="16x16" rel="icon" href="/img/favicon-16x16.png">
<link type="image/png" sizes="32x32" rel="icon" href="/img/favicon-32x32.png">
<link type="image/png" sizes="48x48" rel="icon" href="/img/favicon-48x48.png">
<link type="image/png" sizes="96x96" rel="icon" href="/img/favicon-96x96.png">
<link type="image/png" sizes="120x120" rel="icon" href="/img/favicon-120x120.png">
<link type="image/png" sizes="192x192" rel="icon" href="/img/android-icon-192x192.png">
<link type="image/png" sizes="512x512" rel="icon" href="/img/android-icon-512x512.png">
<link sizes="57x57" rel="apple-touch-icon" href="/img/apple-touch-icon-57x57.png">
<link sizes="60x60" rel="apple-touch-icon" href="/img/apple-touch-icon-60x60.png">
<link sizes="72x72" rel="apple-touch-icon" href="/img/apple-touch-icon-72x72.png">
<link sizes="76x76" rel="apple-touch-icon" href="/img/apple-touch-icon-76x76.png">
<link sizes="114x114" rel="apple-touch-icon" href="/img/apple-touch-icon-114x114.png">
<link sizes="120x120" rel="apple-touch-icon" href="/img/apple-touch-icon-120x120.png">
<link sizes="144x144" rel="apple-touch-icon" href="/img/apple-touch-icon-144x144.png">
<link sizes="152x152" rel="apple-touch-icon" href="/img/apple-touch-icon-152x152.png">
<link sizes="180x180" rel="apple-touch-icon" href="/img/apple-touch-icon-180x180.png">
<link color="#2962FF" rel="mask-icon" href="img/favicons/favicon-black.svg">
<meta name="application-name" content="softevol">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-square70x70logo" content="/img/mstile-70x70.png">
<meta name="msapplication-square150x150logo" content="/img/mstile-150x150.png">
<meta name="msapplication-square310x310logo" content="/img/mstile-310x310.png">
<meta name="msapplication-square310x150logo" content="/img/mstile-310x150.png">
<meta name="msapplication-config" content="/browserconfig.xml">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#2962FF">
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="/img/mstile-70x70.png"/>
<square150x150logo src="/img/mstile-150x150.png"/>
<square310x310logo src="/img/mstile-310x310.png"/>
<square310x150logo src="/img/mstile-310x150.png"/>
<TileColor>#FFFFFF</TileColor>
</tile>
</msapplication>
</browserconfig>