Генератор favicon и иконок

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0a0a0c">

• ICO — формат Microsoft: заголовок ICONDIR (6 байт: 0, тип 1, число образов) и по 16 байт ICONDIRENTRY на образ; с Windows Vista образ может быть целым PNG — так и делаем: меньше и с честной прозрачностью.
• PNG: 16, 32, 48, 96 px; 96 px — для ярлыков и Google в выдаче. Apple — 180×180 по руководству Apple «Configuring Web Applications».
• Web App Manifest (W3C): иконки 192 и 512 с purpose any и отдельная maskable — с purpose maskable; безопасная зона — круг радиусом 40% стороны, всё вне него может срезаться маской.
• Тёмная тема в favicon.svg — CSS @media (prefers-color-scheme: dark) внутри SVG; браузеры, показывающие SVG-favicon, перекрашивают значок под тему системы.

favicon.svg ляжет на ваш сайт, поэтому SVG очищается белым списком: остаются только элементы рисования, всё остальное удаляется вместе с содержимым. Удаляются script, foreignObject, iframe, метаданные редакторов (Inkscape, Illustrator, Sketch), DOCTYPE с сущностями, обработчики on*, внешние ссылки в href, url() и @import, а также javascript:- и data:-адреса, кроме встроенных PNG/JPEG/GIF/WebP.

Разрешённые элементы: svg, g, path, rect, circle, ellipse, line, polyline, polygon, text, tspan, textPath, defs, linearGradient, radialGradient, stop, clipPath, mask, pattern, symbol, use, marker, title, desc, style, image, filter, feGaussianBlur, feOffset, feBlend, feColorMatrix, feComposite, feFlood, feMerge, feMergeNode, feDropShadow, feMorphology.

• Инструмент работает в актуальных Chrome, Edge, Firefox и Safari: нужны canvas и createImageBitmap.
• SVG-favicon показывают Chrome, Edge, Firefox и Safari 26+; старые Safari берут PNG/ICO — поэтому в наборе есть оба.
• apple-touch-icon используется iOS и iPadOS при добавлении на экран «Домой»; Android и десктопный Chrome берут иконки из manifest.

• Буквы в favicon.svg рисуются шрифтами устройства посетителя: на другой системе знак может выглядеть немного иначе. PNG и ICO — ровно как на превью.
• Тёмный вариант генерируется для иконки из конструктора; в своём SVG добавьте @media (prefers-color-scheme: dark) сами — очистка его сохранит.
• Растровый исходник меньше 512 px даст мыльные иконки 192/512 — инструмент предупредит.
• Анимированные GIF/WebP: берётся первый кадр.

• Картинка не загружается на сервер: всё рисуется в этой вкладке, файлы — локальные blob:-ссылки.
• В localStorage сохраняются только настройки: параметры конструктора, название и цвета приложения, режимы превью. Загруженная картинка после перезагрузки не восстанавливается.
• В аналитику уходит только факт генерации или скачивания и категория (источник «картинка/буква», тип файла).
• Результат уходит к нам, только если вы сами оставите заявку и не снимете галочку «Приложить результат» — что именно уйдёт, видно в форме. Файлы и изображения с заявкой не отправляются.