chevron_right

Генератор стрелок SVG

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

Стиль

ПрямаяИзогнутаяЗигзаг

Изгиб: -30

Стиль линии

СплошнаяПунктирТочкиДвойная

Внешний вид

Толщина: 4

Цвет

Наконечник

ТреугольникОткрытыйШеврон

Размер наконечника: 22

Концы

Двусторонняя

Точка у хвоста

Размеры вывода

Ширина (px)

Высота (px)

Адаптивный (растягивать по контейнеру)

Сгенерированный код

codeSVG

brushCSS

xml

css

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

Генератор SVG Blob

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

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

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

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

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

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

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

Сжатие изображения

Уменьшайте размер файлов изображений без заметной потери качества.

Контроллер скорости видео

Меняйте скорость воспроизведения видео от 0.25x до 4x с необязательной настройкой аудио прямо в браузере.

Объединить PDF

Объедините несколько PDF-файлов в один документ быстро и безопасно в вашем браузере.

apps

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

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

Стрелки для указателей и диаграмм без Illustrator

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

Стили стрелок

Прямая — простая линия от начала до острия. Хороша для быстрых выносок и компактных диаграмм.
Изогнутая — квадратичная кривая Безье с регулируемым изгибом. Полезна, когда стрелка должна обойти другие элементы.
Зигзаг — зигзагообразная форма, передаёт ощущение «быстроты» или «энергии» в игривых дизайнах.

Типы наконечников

Треугольник — залитый полигон, классическое «плотное» остриё.
Открытый — два штриха, рисованный вид.
Двойной — два открытых наконечника подряд, сигнализируют перемотку или акцент.

Дополнительно

Толщина и цвет применяются ко всей стрелке.
Размер наконечника не зависит от толщины линии.
Точка у хвоста добавляет начальный маркер — удобно для указателей «до/после».

Где использовать

UI-выноски и онбординг-туры
Диаграммы и блок-схемы
Указатели в презентациях
Скетч-стиль на маркетинговой графике
SVG-иконки для ссылок, CTA или кнопок «Читать дальше»

Вывод — чистый SVG, так что его можно перекрашивать через CSS (fill / stroke), анимировать stroke-dasharray или открывать в любом дизайн-инструменте.