The Phosphor ladder simple icon depicts a basic ladder, commonly used in UI to represent concepts of ascent, progress, or access to higher levels.
Common uses
- Illustrating a 'next step' or 'progress' indicator.
- Representing an 'access' or 'climb' action.
- As a visual element in tutorials or guides about progression.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { LadderSimple } from '@phosphor-icons/react';
<LadderSimple size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<LadderSimple size={24} />thin
<LadderSimple size={24} weight="thin" />light
<LadderSimple size={24} weight="light" />bold
<LadderSimple size={24} weight="bold" />fill
<LadderSimple size={24} weight="fill" />duotone
<LadderSimple size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- objects
- Keywords
- stairsstepsclimbingobjectsladdersimpleascentaccess
FAQ
- What is the ladder simple icon for?
- It visually represents climbing, ascent, or accessing something at a higher level. It's useful for indicating progress or steps.
- How do I use the ladder simple icon in React?
- You can import it directly from the library: import { LadderSimple } from '@phosphor-icons/react'. Then use it as a component: <LadderSimple />.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →