Создайте полный пакет фавиконов из логотипа, шрифтовой иконки или монограммы — favicon.ico, современные PNG, иконка Apple touch, иконки PWA, веб-манифест и HTML-фрагмент.

Загрузите логотип, выберите шрифтовую иконку или введите монограмму — мы создадим все фавиконы, которые нужны современному сайту: от классического favicon.ico до иконки Apple touch, иконок PWA и готового к вставке HTML-фрагмента.

Перетащите сюда PNG или нажмите для загрузки
Рекомендуется прозрачный PNG · также принимаются JPG / WebP
64%
Цвет фона
0%
Используется интерфейсом браузера и манифестом PWA.
Ваш сайт
example.com
Закладка · 32px
Apple touch · 180px
PWA · 512px

Ваш пакет фавиконов готов
Загрузка ZIP началась. Распакуйте его в корень вашего сайта и вставьте HTML-фрагмент в ваш <head>.

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

Генератор фавиконок создаёт все иконки, нужные современному сайту, из одного источника: загрузите PNG-логотип, выберите шрифтовую иконку или введите монограмму. Пакет включает классический favicon.ico (16, 32 и 48 px), современные PNG-фавиконки, 180-px иконку Apple touch, 192- и 512-px иконки PWA, site.webmanifest и HTML-сниппет для head.

Оформление осуществляется прямо в инструменте: выберите цвет фона или оставьте прозрачность, обрежьте по квадрату, скруглённой форме или кругу, настройте отступы и размер изображения, а также задайте цвет темы, используемый интерфейсом браузера и манифестом PWA. Живой предпросмотр показывает вашу иконку в реальных контекстах — 16-px вкладка браузера, закладка, плитка Apple touch и иконка PWA.

Всё отрисовывается на canvas в вашем браузере, а «Создать» собирает весь пакет в ZIP с README. Установка — в два шага: распакуйте в корень сайта и вставьте предоставленный сниппет в ваш <head>.

Как использовать Генератор фавиконов

  1. Выберите источник: загрузите PNG-логотип, выберите шрифтовую иконку или введите монограмму.
  2. Оформите её — цвет фона или прозрачность, форма, отступы и размер изображения.
  3. Заполните название сайта, короткое название и цвет темы для манифеста PWA.
  4. Проверьте предпросмотры: вкладка браузера, закладка, Apple touch и контексты PWA.
  5. Нажмите «Создать фавиконки» и распакуйте пакет в корень вашего сайта.
  6. Вставьте HTML-сниппет из пакета в <head> вашей страницы.

Часто задаваемые вопросы

Да — весь пакет, включая .ico, все размеры PNG, манифест и HTML-сниппет, бесплатен для создания и скачивания.

favicon.ico со слоями 16, 32 и 48 px, современные PNG-фавиконки, 180-px apple-touch-icon, 192- и 512-px иконки PWA, site.webmanifest, готовый к вставке HTML-сниппет и README с шагами установки.

Да. Браузеры и краулеры по-прежнему запрашивают /favicon.ico как запасной вариант, а старые клиенты полагаются на него. Пакет включает его наряду с современными ссылками на PNG, чтобы каждый посетитель получил чёткую иконку.

Распакуйте архив в корень вашего сайта, чтобы файлы оказались в корне домена, затем вставьте предоставленный HTML-сниппет в <head> ваших страниц. README в ZIP повторяет эти шаги.

Он записывается в манифест и мета-теги, окрашивая интерфейс браузера на мобильных устройствах, а также заставку и заголовок установленного PWA так, чтобы они соответствовали вашему бренду.

Да. Введите монограмму из одной-двух букв и выберите шрифт и цвета, либо выберите глиф из библиотеки шрифтовых иконок — генератор отрисует её в каждом размере точно так же, как загруженный логотип.

Поделиться

Популярные запросы
генератор favicon создатель favicon.ico создать favicon онлайн apple touch icon генератор иконок PWA favicon из логотипа
Нужна помощь?
Возникла проблема с этим инструментом? Сообщите нам.
Сообщить о проблеме

Добавьте этот бесплатный инструмент на свой сайт — скопируйте и вставьте код ниже.