24. サイトロゴを入れる＆Faviconを作る＆x.com用のアイコンをつくる

favicon.ico

元々、Next.jsのプロジェクト内に「favicon.ico」があるので、新しく作ったicoファイルと入れ替える

サイトロゴ

favicon.png（透過PNG）を作って、favicon.svgにしてからsite-header.tsxの<link>タグ内に挿入する

PNG→SVG変換をするとSVG画像が白黒になるので、

[https://iconscout.com/svg-editor]

を使ってSVG画像をカラーにすること

X.comのアイコンを入れる

favicon.png（透過PNG）を丸い形で作っておけば、X.comのアイコンとしてそのまま使える