The Tabler border sides icon visually represents the concept of defining or highlighting the edges or boundaries of an element, commonly used in UI design to indicate selection, active areas, or structural divisions.
Common uses
- Highlighting selected table columns or rows.
- Indicating the active input field in a form.
- Showing the boundaries of a resizable or draggable element.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBorderSides } from '@tabler/icons-react';
<IconBorderSides size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- edgesflankslimitsboundariesperimeterframesboundaryoutlinesborderscontoursdesignbordersidesframeoutline
FAQ
- What is the border sides icon used for?
- It's used to visually denote edges, boundaries, or selected sides of an element in a user interface.
- How do I use the border sides icon in React?
- You can import and use it like this: import { IconBorderSides } from '@tabler/icons-react'; <IconBorderSides />.
- What is the license for the Tabler border sides icon?
- The Tabler icon library, including the border sides icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.