The HugeIcons border bottom 02 icon visually represents a line at the bottom of a box or element, commonly used to indicate a separation, a footer, or the end of a content block.
Common uses
- Separating footer content from the main body
- Indicating the bottom border of a table row
- Styling the end of a card or modal
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { BorderBottom02Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={BorderBottom02Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- bottom borderfooter linedivider bottomunderline
FAQ
- What is the purpose of the border bottom 02 icon?
- This icon is used to signify a bottom border, often for visual separation or to denote the end of a section.
- How do I use this icon in React?
- Import the icon and use it within the HugeiconsIcon component like so: import { BorderBottom02Icon } from '@hugeicons/core-free-icons'; <HugeiconsIcon icon={BorderBottom02Icon} />
- What is the license for this icon?
- The HugeIcons library, including this icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →