SCALE — Build Lab

ロゴ・ファビコン設定

必須 ブランド

ヘッダーロゴ + favicon + apple-touch-icon を統一設定。

なぜ必要?

ブラウザタブで自社のシステムだと一目で分かる。ブックマーク時も。

どう実装する?

/public/favicon.svg + apple-touch-icon.png + <link rel="icon">。

コード例
html
<link rel="icon" href="/favicon.ico" sizes="32x32" type="image/x-icon" />
<link rel="icon" href="/favicon-32.png" type="image/png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

ロゴ・ファビコン設定

:LiTarget: 何のために?

ブラウザタブで自社のシステムだと一目で分かる。ブックマーク時も。

:LiSparkle: どう実装する?

/public/favicon.svg + apple-touch-icon.png +

:LiCode: コード例

<link rel="icon" href="/favicon.ico" sizes="32x32" type="image/x-icon" />
<link rel="icon" href="/favicon-32.png" type="image/png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />