Генератор матриц SVG-иконок и бейджей
Параметрический синтез SVG-иконок: собственные скруглённо-квадратные и шестиугольные рамки, многоступенчатые градиенты, бейджи состояния и мгновенный экспорт для фреймворков.
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
Закрепите несколько настроенных иконок и соберите один лист символов.
Иконки пока не закреплены. Закрепите их, чтобы собрать один лист.
Создайте промпты ИИ или улучшите иконку на холсте
Выберите шаблон, скопируйте промпт в свой ИИ инструмент или улучшите иконку на холсте.
Генератор матриц SVG-иконок и бейджей
Параметрический синтез SVG-иконок: собственные скруглённо-квадратные и шестиугольные рамки, многоступенчатые градиенты, бейджи состояния и мгновенный экспорт для фреймворков.
Векторные иконки каталога, пользовательские контуры SVG и геометрические бейджи
SVG с 3D-светом, бейджи PNG/WebP 512/1024 пикс. и структурированные AI-промпты
Создаёт чёткие векторные бейджи весом менее 2 КБ вместо тяжёлых растровых файлов
Как использовать Генератор матриц SVG-иконок и бейджей
-
1
Выберите базовую иконку из библиотеки или импортируйте собственный контур SVG.
-
2
Задайте форму бейджа (суперэллипс, скруглённый квадрат, круг) и рамку.
-
3
Настройте градиенты и 3D-подсветку, при необходимости добавьте текст.
-
4
Экспортируйте готовую иконку сразу во всех нужных размерах.
Контур иконки фонаря и текст бейджа «NEW»
PNG 512 пикс. с градиентным светом, а также соответствующий SVG и CSS-фон
Ограничения
- Размеры текста зависят от выбранного шрифта и могут смещаться на малых кеглях.
- Растровый экспорт в генераторе ограничен 1024 пикс. по стороне.
- За один запуск создаётся один бейдж; для наборов иконок используйте генератор спрайтов.
- Импортируемые файлы SVG ограничены 2 МБ.
Файлы, которые вы открываете или вставляете в эту мастерскую, обрабатываются локально в вашем браузере. Ничего не отправляется на сервер.