The HugeIcons border bottom 01 icon depicts a horizontal line at the bottom of a shape, commonly used to indicate a bottom border, divider, or the end of a content block.
Common uses
- Indicating the bottom edge of a table cell
- Styling the footer of a card component
- Visually separating sections in a form
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { BorderBottom01Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={BorderBottom01Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- bottom borderhorizontal ruleline bottomdivider bottom
FAQ
- What does the border bottom 01 icon represent?
- This icon visually signifies a line along the bottom edge, often used to denote a border, separator, or the conclusion of an element.
- How do I use the BorderBottom01Icon in React?
- Import the icon and use it within the HugeiconsIcon component like this: import { HugeiconsIcon } from '@hugeicons/react'; import { BorderBottom01Icon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={BorderBottom01Icon} />.
- What is the license for this icon?
- The HugeIcons border bottom 01 icon is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.