Skip to content

Steps icons for React.

75 free steps icons from 26 libraries, Lucide, Material Symbols and Tabler Icons among them. Open one to copy it as SVG or React, or install it with the shadcn CLI.

Add shadcn.io to your AI agent. · Pro It finds and installs the steps icon you describe, from any library, with Pro.

Set up MCP

48 icons · every library

  • Footprints icon from Lucide
  • List Ordered icon from Lucide
  • Procedure icon from Material Symbols
  • Steppers icon from Material Symbols
  • Step Rounded icon from Material Symbols
  • Steps icon from Material Symbols
  • Ladder icon from Tabler Icons
  • Ladder Off icon from Tabler Icons
  • Stairs icon from Font Awesome 6 Solid
  • Arrow Step Out 28 Filled icon from Fluent UI System Icons
  • Step 24 Filled icon from Fluent UI System Icons
  • Steps 16 Filled icon from Fluent UI System Icons
  • Stairs icon from Material Symbols Light
  • Stairs  2 icon from Material Symbols Light
  • Action Blocks icon from Arcticons
  • Gc Wizard icon from Arcticons
  • Polarsteps icon from Arcticons
  • Stackpath icon from Material Design Icons
  • Stairs icon from Material Design Icons
  • Branching Paths Down Linear icon from Solar
  • Branching Paths Up Bold icon from Solar
  • Stairs  01 icon from Huge Icons
  • Stairs  02 icon from Huge Icons
  • Stairs  03 icon from Huge Icons
  • Steps Number icon from Streamline
  • Steps Number Remix icon from Streamline
  • Stair Stepper Fill icon from MingCute Icon
  • Dots icon from Myna UI Icons
  • Dots Circle icon from Myna UI Icons
  • Chart Stepper icon from Carbon
  • Enumeration Usage icon from Carbon
  • Funnel Sequence icon from Carbon
  • Tour icon from Carbon
  • Component Steps icon from TDesign Icons
  • Nested Arrows icon from IconPark TwoTone
  • Steps Number icon from Sharp free icons
  • Steps  1 icon from Plump color icons
  • Steps 1 Flat icon from Plump color icons
  • Steps Number icon from Sharp color icons
  • Steps Number Flat icon from Sharp color icons
  • Steps icon from Grommet Icons
  • Steps Option icon from Grommet Icons
  • Stairs icon from Marketeq
  • Flow Children icon from Typicons
  • Process icon from Flat Color Icons
  • Foot icon from Foundation
  • Confirmations 5 Filled icon from Bitcoin Icons
  • List Rich icon from Open Iconic
All 48 shown
  • 48 designs, one style each
  • From 26 libraries
  • 71% under permissive licenses
  • 75 icons in every style

Libraries

Steps icons in each library

How each set draws steps: stairs, steps, steps number and step and more. Open one to see only its icons.

18 more libraries

Skip the browsing. With Pro, your AI agent finds the steps icon you describe in any library and installs it.

Get Pro

Tags

Tags the same icons carry, closest to steps first.

Pricing

Steps icons MCP, with Pro

Your agent finds the steps icon you describe in any of 26 libraries and installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

About steps icons: how many there are, which libraries draw them, and how to use and license them.

Install any steps icon from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro