align vertical distribute center icon

Common uses

• Distributing form fields vertically
• Centering elements in a list
• Aligning multiple objects in a design tool

Use it in React

npm i @hugeicons/react @hugeicons/core-free-icons

import { HugeiconsIcon } from '@hugeicons/react';
import { AlignVerticalDistributeCenterIcon } from '@hugeicons/core-free-icons';

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

Details

Library

HugeIcons (5,121 icons)

License

MIT

viewBox

0 0 24 24

Keywords

vertical distributioncenter align verticaldistribute vertical centeralign center

FAQ

What does the align vertical distribute center icon represent?

This icon symbolizes the arrangement of multiple elements so that the vertical space between them is equal, effectively centering them.

How do I use this icon in React?

Import the icon component and use it within the HugeiconsIcon wrapper like this: import { HugeiconsIcon } from '@hugeicons/react'; import { AlignVerticalDistributeCenterIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={AlignVerticalDistributeCenterIcon} />.

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.