Аккаунт

Создать favicon из SVG онлайн

Создайте набор favicon из SVG: ICO, PNG всех нужных размеров и готовый site.webmanifest в одном ZIP-архиве.
ШАГ 1
ШАГ 2
Размеры в архиве

favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png и site.webmanifest.

Распакуйте созданный архив в корень сайта и вставьте код в <head> сайта
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
ШАГ 3

Набор favicon для сайта

Конвертер создаёт готовый набор иконок для сайта из одного SVG-файла. В архив входят favicon.ico, PNG-файлы для браузеров и устройств, а также site.webmanifest.

Распакуйте архив в корень сайта. Файл favicon.ico будет доступен по стандартному адресу /favicon.ico, а PNG-файлы можно подключить в разметке сайта или манифесте.

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

Об ограничениях и работе онлайн-конвертера

Архив содержит favicon.ico, PNG размером 16×16, 32×32, 180×180, 192×192 и 512×512 пикселей, а также site.webmanifest.
Нет. Все необходимые размеры создаются автоматически из одного SVG-файла.
Да. Файлы лежат в корне архива и готовы к распаковке в корневую папку сайта.
Манифест описывает иконки сайта для браузеров и прогрессивных веб-приложений. Подключите его в head страницы через link rel=manifest.