Генератор SVG-спирали

Создайте чёткие SVG-спирали за секунды

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

Два типа спирали

• Архимеда — радиус растёт линейно с углом, поэтому каждый виток находится на одинаковом расстоянии от следующего. Это классический вид «скрученной катушки».
• Логарифмическая — радиус растёт экспоненциально, создавая естественное ощущение наутилуса/золотого сечения, где витки быстро расширяются наружу.

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

• Витки — количество полных оборотов спирали. От половины витка до двадцати полных витков.
• Начальный и конечный радиусы (Архимеда) — внутренний и внешний радиусы. Сожмите центр или расширьте внешний край, чтобы заполнить больше холста.
• Рост (логарифмическая) — как быстро расходятся витки. Малые значения дают плотную катушку; большие — драматичную широкую спираль.
• Толщина обводки — толщина линии. Сочетайте толстую обводку с логарифмическим ростом для каллиграфического эффекта.
• Заливка — сплошной цвет или линейный двухостановочный градиент под любым углом.
• Фон — опциональный сплошной цвет за спиралью, удобный для автономных SVG-файлов.

Как использовать результат

Инструмент выдаёт полный документ <svg> с единственным элементом <path> — без сложных фильтров и внешних зависимостей. Скопируйте SVG или скачайте как файл .svg, затем вставьте куда угодно: HTML, React-компоненты, MDX, Figma, Illustrator или библиотеку вашей дизайн-системы. Поскольку это чистый SVG, он остаётся чётким в любом разрешении и весит почти ничего.

Частые применения

• Декоративные элементы в hero-секциях и лендингах
• Логотипы и логознаки
• Дизайн для музыки, постеров и мероприятий
• Анимации загрузки (путь можно анимировать по его длине)
• Фоны для блог-статей, визиток или канцелярии
• Иконография и значки для приложений и игр

Каждое изменение происходит в реальном времени, поэтому экспериментируйте свободно, пока не найдёте нужную спираль.