The Tabler stroke straight icon depicts a single, uniform line, commonly used to represent elements like dividers, borders, or simple path indicators in UI design.
Common uses
- UI divider or separator
- Border or outline indicator
- Simple path or connection visualization
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconStrokeStraight } from '@tabler/icons-react';
<IconStrokeStraight size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- strokestraightlinepathdesignstyleillustrationvectorline iconstraight linepath icondivider icon
FAQ
- What is the stroke straight icon used for?
- It's typically used for visual elements like dividers, borders, or to indicate a straight path in user interfaces.
- How do I use the stroke straight icon in React?
- You can import and use it like this: import { IconStrokeStraight } from '@tabler/icons-react'; <IconStrokeStraight />.
- What is the license for the stroke straight icon?
- The Tabler icon library, including the stroke straight 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 →