The Tabler step out icon visually represents exiting or moving outside of a defined area, commonly used to indicate actions like closing a modal, leaving a process, or navigating back to a previous level.
Common uses
- Close modal or dialog box
- Exit a specific section or view
- Navigate back to a parent directory or menu
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconStepOut } from '@tabler/icons-react';
<IconStepOut size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- vectorplacementoutsideexceptstepoutnavigationflowmovementroutearrowsexitleavebackreturn
FAQ
- What does the step out icon represent?
- It signifies exiting or moving from an inner state to an outer one, like leaving a current process or location.
- How do I use the step out icon in React?
- Import it using `import { IconStepOut } from '@tabler/icons-react'` and then use it as a React component.
- What is the license for the Tabler step out icon?
- The Tabler icon library, including the step out icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →