align bottom simple icon

Common uses

• Align selected elements to the bottom of the artboard.
• Distribute objects evenly with their bottom edges aligned.
• Set the bottom boundary for a group of UI components.

Use it in React

npm i @phosphor-icons/react

import { AlignBottomSimple } from '@phosphor-icons/react';

<AlignBottomSimple size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

<AlignBottomSimple size={24} />

<AlignBottomSimple size={24} weight="thin" />

<AlignBottomSimple size={24} weight="light" />

<AlignBottomSimple size={24} weight="bold" />

<AlignBottomSimple size={24} weight="fill" />

<AlignBottomSimple size={24} weight="duotone" />

Details

Library

Phosphor (1,512 icons)

License

MIT

viewBox

0 0 256 256

Category

design

Keywords

alignmentarrangementlayoutflush bottomdesigneditoralignbottomsimplealign bottombottom alignlayout bottom

FAQ

What does the align bottom simple icon represent?

It signifies aligning multiple items so their bottom edges are flush with each other or a reference point.

How do I use this icon in React?

Import it as AlignBottomSimple from '@phosphor-icons/react' and use it like <AlignBottomSimple />.

What is the license for this icon?

The Phosphor icon library, including this icon, is available under the MIT license.

Related icons

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