Галлерея фавиконов - скопируй бесплатно фавикон для своего сайта, просто вставь ссылку на любой фавикон из коллекции

Подкрути сам

Два самых простых значка для фавикона, которые можно создать с нуля. Немного подкорректируйте, а затем скопируйте.

Emoji favicon

Один <text> элемент внутри SVG. Работает во всех современных браузерах.

Эмодзи

Монограмма

Буква на геометрической фигуре. Универсальный значок для сторонних проектов.

Буква Фон Текст

Несколько важных моментов, которые стоит знать.

Размеры для SVG-значков не требуются. Один вектор масштабируется под каждую вкладку, закладку и дисплей Retina. Safari на macOS поддерживает их; Очень старые браузеры используют резервный вариант - файл /favicon.ico, если он загружен в корневую дирректорию вашего сайта.
Цвета в шестнадцатеричном формате # должны быть закодированы как as %23, иначе браузер будет считывать остальную часть URI как фрагмент. Все, что скопировано здесь, уже закодировано для вас.
Эмодзи отображаются с использованием шрифта посетителя, поэтому один и тот же тег выглядит немного по-разному на macOS, Windows и Android. Обычно это нормально, а иногда и очаровательно.

Темный режим возможен. Внутри SVG-значка favicon можно использовать @media (prefers-color-scheme: dark) внутри блока <style>. Chrome и Safari это учитывают; Firefox пока нет.