John KuehJohn Kueh

align vertical distribute end icon

HugeIcons · AlignVerticalDistributeEndIcon · MIT

Download SVG

The HugeIcons align vertical distribute end icon visually represents the distribution of elements along the vertical axis, ensuring the last element aligns with the end of the container.

Common uses

  • Distributing form fields evenly in a vertical layout.
  • Aligning chart data points along a vertical axis.
  • Arranging list items with consistent spacing at the bottom.

Use it in React

Install
npm i @hugeicons/react @hugeicons/core-free-icons
Import & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignVerticalDistributeEndIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={AlignVerticalDistributeEndIcon} size={24} strokeWidth={1.5} />

Details

Library
HugeIcons (5,121 icons)
License
MIT
viewBox
0 0 24 24
Keywords
vertical distribute endalign end verticallydistribute space bottomvertical spacing end

FAQ

What does the align vertical distribute end icon do?
This icon signifies aligning items vertically and distributing them so the last item is at the very end of the available space.
How do I use this icon in React?
Import the icon and use it within the HugeiconsIcon component like this: import { HugeiconsIcon } from '@hugeicons/react'; import { AlignVerticalDistributeEndIcon } from '@hugeicons/core-free-icons'; render <HugeiconsIcon icon={AlignVerticalDistributeEndIcon} />.
What is the license for this icon?
This icon is available under the MIT license, allowing for free use in commercial and non-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 →