The HugeIcons distribute horizontal left icon visually represents the alignment of multiple objects evenly spaced across a horizontal axis, typically used to arrange elements from left to right with consistent gaps.
Common uses
- Aligning toolbar buttons
- Distributing form fields
- Arranging chart elements
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { DistributeHorizontalLeftIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={DistributeHorizontalLeftIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- align left distributehorizontal spacing leftdistribute objects leftleft align elements
FAQ
- What does the distribute horizontal left icon represent?
- This icon signifies the action of distributing items horizontally with spacing starting from the left edge. It's commonly used for layout and alignment purposes in user interfaces.
- How do I use this icon in React?
- Import the icon and use it with the Hugeicons component: `import { HugeiconsIcon } from '@hugeicons/react'; import { DistributeHorizontalLeftIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={DistributeHorizontalLeftIcon} />`.
- What is the license for this icon?
- This icon is provided 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.
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 →