The HugeIcons align horizontal distribute end icon depicts the distribution of items evenly along a horizontal axis, aligning them to the end of the available space.
Common uses
- Distributing buttons evenly at the bottom of a form.
- Aligning cards in a grid to the rightmost edge.
- Spacing out toolbar items to the far right.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignHorizontalDistributeEndIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlignHorizontalDistributeEndIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- distribute endalign righthorizontal spacing endalign distribute right
FAQ
- What is the purpose of the align horizontal distribute end icon?
- This icon is used to visually represent the action of distributing elements horizontally with spacing, aligning them towards the end or right side of their container.
- How do I use this icon in a React project?
- Import the icon component and use it within the HugeiconsIcon wrapper: import { HugeiconsIcon } from '@hugeicons/react'; import { AlignHorizontalDistributeEndIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={AlignHorizontalDistributeEndIcon} />.
- What is the license for this icon?
- This icon is released under the MIT license, which allows for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.