Узнайте, как создать значок в HTML.
Создать значок в HTML
Фавикон — это небольшое изображение, отображаемое рядом с заголовком страницы на вкладке браузера.
Вы можете использовать любое изображение в качестве значка. Вы также можете создать свой собственный значок на таких сайтах, как https://favicon.cc.
Совет: favicon — это небольшое изображение, поэтому оно должно быть простым и контрастным.
Изображение favicon отображается слева от заголовка страницы на вкладке браузера, например:
Чтобы добавить favicon на свой веб-сайт, либо сохраните изображение favicon в корневом каталоге вашего веб-сервера, либо создайте в корневом каталоге папку с именем images и сохраните изображение favicon в этой папке. Распространенное имя для изображения favicon — "favicon.ico".
Далее добавьте элемент <link> в свой "index.html" файл,
после элемента <title>, например:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница
Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>Это заголовок</h1>
<p>Это параграф.</p>
</body>
</html>
Теперь сохраните файл "index.html" и перезагрузите его в своем браузере. Теперь вкладка вашего браузера должна отображать изображение вашего значка слева от заголовка страницы.