Tiny Online Tools logoTiny Online ToolssearchПоиск инструментов…grid_viewВсе инструменты
Главнаяchevron_rightSVG-инструментыchevron_rightГенератор неоновых SVG-формГенератор неоновых SVG-форм

Генератор неоновых SVG-форм

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

ФормаЗаливкаНетСплошнаяГрадиентСтильРазмеры выводаСгенерированный кодcodeSVGbrushCSS
xml
css

Похожие инструменты

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

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

Создавайте настраиваемые SVG-звёзды с любым числом лучей, регулируемой остротой, цветом, градиентом и опциональной обводкой.

Генератор размытых SVG-форм

Генератор размытых SVG-форм

Создавайте мягкие, мечтательные фоны в стиле «аврора» из размытых SVG-форм с управлением палитрой и степенью размытия.

Генератор SVG Blob

Генератор SVG Blob

Создавайте органические случайные формы blob в виде чистого SVG с полным контролем над сложностью, случайностью, цветами и градиентной заливкой.

Генератор SVG-волн

Генератор SVG-волн

Создавайте плавные настраиваемые SVG-волны для разделителей секций, hero-фонов и декоративных элементов страницы.

Генератор кругового SVG-узора

Генератор кругового SVG-узора

Создавайте декоративные SVG-узоры из концентрических колец, точечных сеток или смещённых точек в стиле сот.

ICO в PNG

ICO в PNG

Извлекайте PNG-изображения из ICO-файлов и скачивайте отдельные размеры.

Изменить порядок страниц PDF

Изменить порядок страниц PDF

Измените порядок страниц в PDF-документе.

apps

Больше инструментов

Просмотрите нашу полную коллекцию бесплатных онлайн-инструментов.

Неоновое свечение прямо внутри SVG

Неоновое свечение — классический приём дизайна, дающий тепло, ретрофутуризм и атмосферу почти без других элементов. Этот генератор выдаёт один SVG со встроенным <filter>, который размывает и смешивает копии контура, создавая реалистичный «bloom» вокруг чёткой обводки.

Поддерживаемые формы

  • Круг, квадрат, скруглённый прямоугольник
  • Треугольник, пятиугольник, шестиугольник, восьмиугольник
  • 5- и 6-конечные звёзды

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

  • Цвет обводки — ядро неона. Насыщенные цвета светятся ярче.
  • Толщина обводки — ширина светящейся линии.
  • Размер свечения — stdDeviation гауссовского размытия. Больше — мягче ореол.
  • Фон — тёмные фоны подчёркивают неон; берите что-то близкое к #000.

Как работает свечение

Внутри SVG фильтр <filter> делает два прохода <feGaussianBlur> с разными радиусами. Размытые копии сливаются с исходной формой через <feMerge>, получая яркое ядро в мягком ореоле — именно так выглядит реальный неон на фото.

Так как свечение реализовано SVG-фильтрами (не изображение), его можно мгновенно перекрашивать, масштабировать без потерь и анимировать обводку через CSS. Итоговый файл обычно меньше килобайта.

Применения

  • Киберпанк-hero-секции и лендинги
  • UI в стиле аркады
  • Ретро-постеры и обложки альбомов
  • Тёмные дашборды с акцентными иконками
  • Игровые оверлеи и ассеты стримеров

Комбинируйте с генераторами Зернистого или Мэш-градиента, чтобы собрать атмосферное ночное небо, и поместите неоновую звезду в центр как главный акцент.