ファビコンとは

ブラウザのタブなどに表示されるWebサイトのアイコンです。

ex)
Youtube ChatGpt GitHub のようなアイコンです。

画像作成

ファビコンジェネレーターでまずは画像を作成しました。

自分は野球ボールのアイコンを作成しました。このサイトからダウンロードしました。

作成方法はいろんなやり方あるみたいなので調べてください。

imagesを作成

public配下にimagesフォルダを作成してその中に上でダウンロードした野球ボールの画像をペーストしてきました。

!

app.blade.phpに追記

Laravelフレームワークのビューの1つであり、アプリケーションの共通レイアウトを定義するために使うのがapp.blade.phpです。ここに追記していきます。

app.blade.php

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <title>野球好きの掲示板</title>
       #都合により省略
        <link rel="shortcut icon" href="{{ asset('images/baseball.png') }}">　//このコードを追記
    </head>

<link rel="shortcut icon" href="{{ asset('') }}">は人によって内容が違うのでこれを実装してみてください。

こうして野球ボールがアイコンになりました。右側のアイコンです。
サイトの中のどのページに移動してもこのアイコンは表示されます。

資料