Open JasonYao opened 3 years ago
Per https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs, this looks to be the simplified approach nowadays:
<link rel="icon" href="/favicon.ico"><!-- 32×32 -->
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180×180 -->
<link rel="manifest" href="/manifest.webmanifest">
{
"icons": [
{ "src": "/192.png", "type": "image/png", "sizes": "192x192" },
{ "src": "/512.png", "type": "image/png", "sizes": "512x512" }
]
}
Old code for favicons:
from https://github.com/JasonYao/deprecated-old-2017-site/blob/source/_includes/head.html#L40-L47