Генератор фавиконок

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

Код для сайта

Распакуйте архив в корень сайта и вставьте в <head>:

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Какие размеры нужны и почему иконка не сразу появляется в поиске, читайте в статье «Фавиконка для сайта: размеры и код».

Частые вопросы

Картинка загружается на ваш сервер?

Нет. Иконка рисуется в вашем браузере, файл никуда не отправляется.

Какие файлы будут в архиве?

favicon.ico (16, 32 и 48 пикселей), apple-touch-icon.png 180×180, icon-192.png и icon-512.png, site.webmanifest, для буквы и эмодзи ещё icon.svg, и файл с готовым кодом для страницы.

Куда положить файлы?

В корень сайта, рядом с главной страницей, и вставить код из архива в <head>. В конструкторе Okis фавиконка загружается в настройках сайта.