➡️ SVG Arrow Generator

Generate customizable arrow SVGs for your projects

Arrow Settings

Arrow Type

Direction

Color

Stroke Width: 2px

Width: 200px

Height: 100px

Preview

SVG Code

<svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
  <line x1="10" y1="50" x2="170" y2="50" stroke="#3b82f6" stroke-width="2"/>
  <polygon points="170,40 190,50 170,60" fill="#3b82f6"/>
</svg>