ファビコンはSVGで作りFavicon generator. For real.で生成するのがよい

Favicon generator. For real.

■Favicon Generator for perfect icons on all browsers

ファビコンを htmlファイルのの中に以下を書き込んでください。 パスは適宜調整してください。

<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />