---
title: "Steps Number Icon | Free Download PNG & SVG | Flex Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/steps-number--27737
canonical_url: "https://www.streamlinehq.com/icons/download/steps-number--27737"
summary: "Rounded gradient icon of 1, 2, 3 above a right arrow. Used for steps, tutorials, and process flows."
---

# Steps Number icon

The Steps Number icon shows the numbers 1, 2, and 3 above a right-pointing arrow. Drawn in the gradient style on a 14px grid with filled shapes for fluid, immersive forms. Use it for step indicators, tutorials, onboarding flows, progress guides, and process navigation. It belongs to Flex Gradient set in the Flex family.

## Preview

![Rounded gradient icon of 1, 2, 3 above a right arrow. Used for steps, tutorials, and process flows.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/flex-gradient/programming/web/steps-number-ptyd2zcjnufg9u45q707v.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Steps Number
- **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**: Programming › Web
- **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**: steps, numeric, sequence, order, number, progress, ascending, progression, increment, direction, interface, menu, countdown, formatting, internet

## Download

- [Download Steps Number on Streamline](https://www.streamlinehq.com/icons/download/steps-number--27737)

## Also available in other styles

- [Steps Number — Flex Line](/icons/download/steps-number--24434.md) (Pro)
- [Steps Number — Flex Remix](/icons/download/steps-number--28584.md) (Pro)
- [Steps Number — Flex Duo](/icons/download/steps-number--24586.md) (Pro)
- [Steps Number — Flex Flat](/icons/download/steps-number--24747.md) (Pro)
- [Steps Number — Flex Neon](/icons/download/steps-number--30259.md) (Pro)
- [Steps Number — Flex Pop](/icons/download/steps-number--31238.md) (Pro)
- [Steps Number — Flex Solid](/icons/download/steps-number--24274.md) (Pro)

---

[View full sitemap](/sitemap.md)