Настройте параметры иконок

Все настройки применяются на стороне клиента. Размеры указаны в пикселях, толщина линий округляется до одного знака. Экспортируемые символы сохраняют currentColor, чтобы вы могли менять их цвет позже через CSS.

Поиск иконок

Поиск по именам и тегам, таким как commerce, weather или media.

Категория

Отфильтруйте галерею перед выбором иконок для экспорта.

Префикс ID спрайта

Только буквы, цифры и дефисы. Недопустимые символы удаляются автоматически.

Размер иконки

Допустимый диапазон: от 16 до 256 пикселей.

Толщина линий

Допустимый диапазон: от 1.0 до 4.0.

Стиль линий

Углы остаются скругленными для лучшей читаемости на малых размерах.

Цвет линий

Используйте 3- или 6-значный HEX-код, например #16202B.

Фон предпросмотра

Используется только для предпросмотра. Скачанные файлы останутся прозрачными.

Опции предпросмотра

Показывать фон Экспортируемые SVG всегда имеют прозрачный холст.

0 иконок выбрано для экспорта.

Экспорт спрайта

Файл включает один тег <symbol> для каждой выбранной иконки. Используйте их через <use href="#icon-name">. Если ничего не выбрано, кнопки экспорта будут неактивны.

Выберите одну или несколько иконок для генерации спрайта.

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

Галерея использует инлайновую SVG-разметку. Данные фильтруются, значения ограничиваются безопасными диапазонами и мгновенно перерисовываются, чтобы превью и экспорт всегда совпадали.

1. Фильтрация

Используйте поиск по ключевым словам и категории, чтобы сузить список. Поиск учитывает как названия, так и теги.

2. Настройка стиля

Размер, толщина линий, стиль концов и цвета превью обновляются для всех видимых иконок. Фон превью помогает оценить контраст.

3. Экспорт

Копируйте или скачивайте любую иконку отдельно, либо создайте общий спрайт. ID символов используют ваш префикс и приводятся к безопасному виду.