The HugeIcons line icon is a simple, abstract representation of a straight line, often used to indicate a divider, a separator, or a basic structural element in a user interface.
Common uses
- UI element separator
- Horizontal rule
- Basic structural element
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { LineIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={LineIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- separatordividerhorizontal rulestraight line
FAQ
- What is the LineIcon typically used for?
- It's commonly used as a visual separator between content sections or as a basic structural element in layouts.
- How do I use the LineIcon in React?
- Import HugeiconsIcon from '@hugeicons/react' and LineIcon from '@hugeicons/core-free-icons', then render it using <HugeiconsIcon icon={LineIcon} />.
- What is the license for this icon?
- The LineIcon is 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 HugeIcons.