Фавикон из текста и эмодзи

Создайте фавикон из буквы, инициалов или эмодзи. Выберите шрифт, градиентный фон, тень текста и форму: квадрат, скруглённый квадрат или круг.

Текст и стиль фавикона
Форма
Фон
Тень текста
Ваш сайт
Другая вкладка
Ваш сайт
Другая вкладка

Введите букву или эмодзи, чтобы увидеть фавикон.

Как сделать фавикон из текста

  1. Введите 1–3 символа: букву, инициалы, цифру или эмодзи. Кириллица поддерживается.
  2. Выберите шрифт. Для русских букв подойдут Noto Sans или системный шрифт.
  3. Выберите форму (квадрат, скруглённый квадрат или круг) и цвет текста.
  4. Выберите фон: сплошной, линейный или радиальный градиент. Можно взять готовый градиент или задать оба цвета самостоятельно.
  5. При желании добавьте тень текста: мягкую, резкую или длинную (flat-стиль).
  6. Скачайте архив и добавьте файлы и HTML-код на сайт.

Как сделать фавикон, который читается при 16 пикселях

  • Одна буква — лучший вариант. Две-три буквы во вкладке шириной 16 пикселей становятся очень тонкими.
  • Сильный контраст. Белый текст на тёмном фоне или тёмный текст на светлом.
  • Проверьте обе вкладки. Многие пользуются тёмной темой браузера — превью показывает оба варианта.
  • Эмодзи выглядят по-разному в Windows, macOS и Android, потому что берутся из системы.

Вопросы и ответы

Можно сделать фавикон из эмодзи?

Да. Введите или вставьте эмодзи — генератор превратит его в обычные файлы PNG и ICO, которые работают во всех браузерах.

Градиент и тень видны во всех браузерах?

Да. Они нарисованы прямо в файлах PNG и ICO, поэтому фавикон выглядит так же, как в превью.

Можно использовать свой шрифт?

Пока нет. Для своего логотипа или шрифта сохраните его в PNG или SVG и воспользуйтесь инструментом фавикон из картинки.