Генератор SVG-звёзд

Пользовательские звёзды как чистый SVG

Звезда — удивительно универсальная форма: её используют как бейдж лояльности, рейтинг отзыва, акцент уведомления, стикер-burst и выделение в UI. Этот генератор даёт полный контроль над каждым аспектом и выдаёт один чистый элемент <polygon> внутри SVG.

Элементы управления

• Лучей — от 3 до 20.
• Коэффициент внутреннего радиуса — насколько острые или «мясистые» лучи. Низкие значения — игольчатые звёзды; высокие — мягкие округлые burst-формы.
• Вращение — поверните звезду на любой угол.
• Заливка — сплошной цвет или двухцветный линейный градиент с регулируемым углом.
• Обводка — необязательный контур с настраиваемой толщиной; закруглённые или «скошенные» углы.

Детали отрисовки

Алгоритм размещает 2 × лучей вершин вокруг центра, чередуя внешний и внутренний радиусы. Получается идеально пропорциональная звезда при любом числе лучей. Поскольку это стандартный полигон, его можно стилизовать через CSS, анимировать ключевыми кадрами или встраивать в компоненты React / Vue / Solid без рантайма.

Применения

• Виджеты рейтингов и отзывов
• Стикер-burst-ы для плашек «NEW!» и «SALE»
• Бейджи лояльности и геймификации
• Праздничные декорации (зима, Рождество)
• Дизайн favicon и иконок
• Блестящие акценты для иллюстраций

Соедините с генератором неоновых форм, чтобы получить светящуюся звезду, или с генератором зернистого градиента — для текстурного фона. Итоговый SVG всегда остаётся крошечным, масштабируемым и подходит для любого экрана и печатного разрешения.