SVG 箭头生成器

无需 Illustrator 的指针 / 图表箭头

箭头在 UI 与文档中承担很多任务——解释流程、突出标注、在幻灯片中连接想法、在产品截图上引导用户。此生成器输出一段干净的 SVG <path>，可直接放到任何位置并用 CSS 样式化。

箭头样式

• 直线 — 从起点到箭头尖的简单线条。适合快速标注与紧凑图表。
• 曲线 — 可调节曲率的二次贝塞尔曲线。当箭头需要绕过其他元素时很有用。
• 之字形 — 锯齿状，适合在活泼设计中传达「快速」或「有活力」的感觉。

箭头样式

• 三角 — 实心多边形，经典「实心」箭头。
• 开口 — 两根短线，看起来像手绘。
• 双头 — 两个开口箭头叠加，常用于表示快进或强调。

额外选项

• 粗细 与 颜色 作用于整根箭头。
• 箭头大小 独立于线条粗细。
• 尾部圆点 添加起点标记——适合前后对比指示。

使用场景

• UI 标注与新手引导
• 图表与流程图
• 演示幻灯片的指针
• 营销视觉中的手绘风标注
• 用于链接、CTA 或「阅读更多」按钮的 SVG 图标

输出是纯 SVG，可用 CSS fill / stroke 重新上色，用 stroke-dasharray 做动画，或导入任何设计工具。