Введите текст или выберите эмодзи, экспортируйте favicon

Введите текст или выберите эмодзи, укажите Google Font и экспортируйте SVG, PNG или ICO в браузере.

PNG в Favicon

100% Бесплатно

Конфиденциальность прежде всего

Мгновенный экспорт

Множество форматов

Гибкая настройка

Начать Посмотреть руководство

Примеры Favicon

Нажмите на любой пример, чтобы загрузить его конфигурацию

Отказ от ответственности: Примеры предназначены только для вдохновения и могут напоминать существующие бренды. Они не связаны с какой-либо компанией и не одобрены ею. logo87.com не нарушает какие-либо товарные знаки и не несет ответственности за пользовательский контент. Пользователи несут ответственность за обеспечение того, чтобы их творения не нарушали права интеллектуальной собственности. Если вы считаете, что ваши права были нарушены, свяжитесь с нами, и мы удалим это.

PNG в Favicon

Как работает редактор

Введите букву, слово или эмодзи в поле выше. Выберите встроенный шрифт или вставьте CSS URL Google Fonts. Цвет, размер, скругление, позиция и поворот сразу обновляют превью. Рендер идёт в этой вкладке; макет не загружается на сервер.

Скачайте один SVG, PNG 256×256 или «Скачать всё» — zip файлов, которые браузеры и устройства всё ещё запрашивают. Zip собирается в браузере из того же превью.

Если текст обрезается, уменьшите кегль или сдвиньте позицию. Глифы эмодзи зависят от ОС: смотрите превью на нужном устройстве.

Что можно экспортировать

Без аккаунта

Регистрации нет. Макеты остаются на устройстве. Закрытие вкладки их удаляет.

SVG, PNG, ICO и zip

Отдельные SVG и PNG для быстрой проверки. «Скачать всё» упаковывает favicon.svg, favicon.ico, apple-touch-icon.png и PNG 16, 32, 48, 96, 180, 192 и 512.

Шрифты и цвет

Двенадцать встроенных шрифтов плюс любой Google Font по CSS URL. Используйте примеры цвета или задайте свою пару.

Что внутри zip

«Скачать всё» записывает эти файлы. Не обязательно использовать каждый.

favicon.svg для современных браузеров; favicon.ico (16×16) для клиентов, которые запрашивают /favicon.ico и не читают HTML; apple-touch-icon.png (180×180) для домашнего экрана iOS; favicon-16x16.png, favicon-32x32.png и favicon-48x48.png для вкладок и закладок; favicon-96x96.png для ярлыков; favicon-180x180.png как запасная иконка; favicon-192x192.png и favicon-512x512.png для манифеста веб-приложения.

Обычному сайту хватит favicon.ico и favicon.svg. Для iOS добавьте PNG 180. Для PWA — 192 и 512. Теги link для каждого файла есть в руководстве по установке. Как добавить favicon в ваш проект →

Когда брать конвертеры

Логотип уже в PNG или JPG? Используйте PNG в Favicon. Растр нельзя честно увеличить: исходник не меньше самого большого экспорта. PNG в Favicon

Логотип уже векторный? Используйте SVG в PNG. Вектор масштабируется, 512 и 2048 остаются чёткими. 16–512 для иконок браузера; 2048 — для магазинов или печати, не для вкладок. SVG в PNG