ルート相対パスは全ページで共通化しやすい
/favicon.ico のように / から始めると、サイト内の深いURLからでも同じルート資産を参照しやすくなります。
無料Webツール
favicon・apple-touch-icon・manifestのlinkタグ一式を生成します。
favicon、Apple touch icon、Web App Manifestの3つのパスから、headへ置く基本的なlinkタグを生成します。ファイル自体を作るのではなく、既にあるファイルをHTMLから参照するためのタグ作成です。
/favicon.ico、/apple-touch-icon.png、/manifest.webmanifest を入れると、それぞれのhrefへそのまま設定した3タグを作れます。このツールは画像やmanifestファイルを生成せず、そのパスが本当に存在するかも確認しません。公開後に404になっていないかは実サイトで確認してください。
/favicon.ico のように / から始めると、サイト内の深いURLからでも同じルート資産を参照しやすくなります。
ブラウザのfavicon、ホーム画面用アイコン、Web App Manifestは別資産です。1つ置けば他が自動で代用されるわけではありません。
記号を含むパスでも、生成タグ内で意図せずHTMLを壊しにくい形にします。
SVGアイコン、複数PNGサイズ、mask-icon、theme-colorなどを追加するサイトもあります。このページは基本3参照だけに絞っています。
faviconはブラウザキャッシュの影響を受けやすいため、更新直後に見えない場合はURL直接確認やキャッシュ状態も確認してください。