The Tabler border left icon visually represents a line on the left side, commonly used in UI design to indicate a border, separation, or alignment on the left edge of an element.
Common uses
- Applying a left border style in a table or grid.
- Indicating the active or selected item in a vertical list.
- Visually separating content sections on the left.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBorderLeft } from '@tabler/icons-react';
<IconBorderLeft size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- tablesidelineborderleftcreativeartisticvisualaestheticstyledesigntable border leftleft lineside borderdesign element
FAQ
- What is the border left icon used for?
- It's used to signify a left border, edge, or separation in UI elements, helping to structure and define layout.
- How do I use the border left icon in React?
- You can import and use it directly with: import { IconBorderLeft } from '@tabler/icons-react'
- What is the license for Tabler icons?
- Tabler icons are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.