Генератор фавикона HTML
Фавиконка — это только половина дела: теги ссылок HTML решают, какой файл выберет каждый браузер. Сгенерируйте полный правильный набор в один клик.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Полная настройка значков включает теги для значков favicon.ico, варианта SVG, apple-touch-icon и PWA. Отсутствие любого из них приводит к появлению запасного значка как минимум на одной платформе.
Создайте здесь теги, вставьте их в свой <head>, и все готово.
Как это работает
- 1
Создайте свой значок
Используйте генератор значков для создания .ico + PNG + SVG.
- 2
Скопируйте теги
Вставьте сгенерированный блок <link> в свой <head>.
- 3
Проверять
Откройте свой сайт в Chrome, Safari, Firefox и Edge — во всех должен появиться значок.
Попробовать сейчас
Получите теги HTML
Генератор фавиконовЧастые вопросы
Какой тег важнее всего?+
<link rel="icon" href="/favicon.ico"> — это универсальный запасной вариант.
Нужен ли мне манифест.json?+
Только если вам нужен правильный опыт установки PWA. В противном случае необязательно.
Куда идет apple-touch-icon?+
<link rel="apple-touch-icon" size="180x180" href="/apple-touch-icon.png">.