Генератор фавиконок
- Файлы не покидают устройство
- Работает в браузере
- Бесплатно, без регистрации и водяных знаков
Artwork
Preview
Actual pixels
Zoomed 16 px
Home screen
Files
- Rendering icons…
Paste into <head>
Upload the files to your site, then add these tags.
Как пользоваться: Генератор фавиконок
Сделайте фавиконку без графического редактора: введите несколько букв, выберите эмодзи или значок из восьми коллекций с открытым исходным кодом, затем оформите фон и форму. Полный пакет (ICO, PNG, SVG, значки Apple и Android, манифест) собирается в браузере.
- 1
В разделе «Рисунок» выберите «Буквы», «Эмодзи» или «Значок».
- 2
Введите от одной до трёх букв и выберите шрифт и начертание, введите или выберите эмодзи («Все эмодзи» открывает полный список) либо найдите значок вроде rocket или cloud и нажмите на него.
- 3
В «Переднем плане» задайте цвет и размер; в «Стиле значка» выберите фон, форму, радиус углов и отступ.
- 4
Заполните «Данные сайта» и размеры в «Выводе», проверяя светлый и тёмный предпросмотр вкладки и домашний экран.
- 5
Нажмите «Скачать пакет (ZIP)», загрузите файлы на сайт и скопируйте теги из «Вставить в <head>» на свою страницу.
Частые вопросы
Отправляется ли что-нибудь на сервер?
Нет. Значки рисуются в браузере. Коллекции значков загружаются с XTools только когда вы их открываете или ищете, поэтому в первый раз для коллекции нужно соединение.
Какие коллекции значков входят?
Lucide, Tabler, Material Design, Phosphor, Remix Icon, Carbon, Heroicons и Font Awesome Brands. Сначала загружается Lucide; при поиске «Искать во всех 8 коллекциях» один раз скачивает остальные (около 13 МБ).
Можно ли использовать значки на коммерческом сайте?
У каждой коллекции своя лицензия с открытым исходным кодом, поэтому проверьте её, прежде чем делать значок логотипом. Font Awesome Brands — логотипы других компаний, и их не стоит использовать как свой бренд.
Почему эмодзи выглядит иначе на другом компьютере?
Эмодзи и буквы рисуются шрифтами вашего устройства, поэтому файлы PNG и ICO показывают стиль эмодзи вашей системы. favicon.svg хранит их как текст, и браузер каждого посетителя рисует их своими шрифтами.
Сколько букв можно использовать?
Лучше всего одна–три; поле принимает до четырёх символов. Более длинный текст уменьшается, чтобы влезть в значок, китайские и японские символы тоже работают.
Может ли у фавиконки быть прозрачный фон?
Да, установите фон в «Нет». Значок Apple touch и maskable-значок всё равно получают белый квадрат, потому что домашние экраны не показывают прозрачность.