align horizontal distribute start icon

Common uses

• Distributing form fields evenly on a page.
• Arranging multiple buttons with equal spacing.
• Aligning navigation items in a header.

Use it in React

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

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

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

Details

Library

HugeIcons (5,121 icons)

License

MIT

viewBox

0 0 24 24

Keywords

distribute horizontal startalign items starthorizontal spacing startspread horizontal start

FAQ

What is the purpose of the align horizontal distribute start icon?

This icon is used in user interfaces to indicate the action of distributing elements horizontally with spacing, aligning them to the left or start edge.

How do I use this icon in a React project?

Import the icon from '@hugeicons/core-free-icons' and render it using the HugeiconsIcon component from '@hugeicons/react' like this: <HugeiconsIcon icon={AlignHorizontalDistributeStartIcon} />.

What is the license for this icon?

The HugeIcons align horizontal distribute start icon is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.