The HugeIcons distribute vertical bottom icon visually represents aligning multiple objects to the bottom edge of a container, commonly used in design tools to ensure consistent spacing and alignment.
Common uses
- Aligning selected layers to the bottom of the artboard.
- Distributing elements evenly along the vertical axis, anchored to the bottom.
- Setting the bottom margin for a group of UI components.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { DistributeVerticalBottomIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={DistributeVerticalBottomIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- align bottomdistribute bottomvertical align bottombottom align
FAQ
- What does the distribute vertical bottom icon do?
- It's used to align multiple selected items so their bottom edges are spaced evenly, or all aligned to the bottom of a selection.
- How do I use this icon in React?
- Import it using `import { DistributeVerticalBottomIcon } from '@hugeicons/core-free-icons';` and render it as `<HugeiconsIcon icon={DistributeVerticalBottomIcon} />`.
- What is the license for this icon?
- This icon is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.