---
title: "Triangle Arrows Step Icon | Free Download PNG & SVG | Flex Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/triangle-arrows-step--27841
canonical_url: "https://www.streamlinehq.com/icons/download/triangle-arrows-step--27841"
summary: "Rounded gradient icon of a filled triangular arrow beside a circle. Used for step indicators, navigation, and progression."
---

# Triangle Arrows Step icon

The Triangle Arrows Step icon shows a filled triangular arrow shape beside a round circle. Drawn in the gradient style on a 14px grid, its fluid filled forms stay clear and impactful in compact interfaces. Use it for step indicators, progression controls, navigation cues, and onboarding flows. It belongs to Flex Gradient set in the Flex family.

## Preview

![Rounded gradient icon of a filled triangular arrow beside a circle. Used for step indicators, navigation, and progression.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/single-triangle-arrow/triangle-arrows-step-58fab.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Triangle Arrows Step
- **Type**: Icon
- **Set**: [Flex Gradient](/icons/flex-gradient.md) — Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal. The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Flex Gradient icons are designed on a 14px grid using filled shapes as gradient colors.
- **Family**: [Flex](/icons/flex.md) — Fluid icons
- **Style**: Gradient
- **Category**: Arrows › Single Triangle Arrow
- **Default size**: 14px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: triangle, arrows, direction, step, instruction, action, movement, process, navigation, flow

## Download

- [Download Triangle Arrows Step on Streamline](https://www.streamlinehq.com/icons/download/triangle-arrows-step--27841)

## Also available in other styles

- [Triangle Arrows Step — Flex Remix](/icons/download/triangle-arrows-step--28675.md) (Pro)
- [Triangle Arrows Step — Flex Line](/icons/download/triangle-arrows-step--27389.md) (Pro)
- [Triangle Arrows Step — Flex Solid](/icons/download/triangle-arrows-step--27408.md) (Pro)
- [Triangle Arrows Step — Flex Duo](/icons/download/triangle-arrows-step--27427.md) (Pro)
- [Triangle Arrows Step — Flex Flat](/icons/download/triangle-arrows-step--27446.md) (Pro)
- [Triangle Arrows Step — Flex Pop](/icons/download/triangle-arrows-step--31145.md) (Pro)
- [Triangle Arrows Step — Flex Neon](/icons/download/triangle-arrows-step--30350.md) (Pro)

---

[View full sitemap](/sitemap.md)