Align icons

4 icons carry the tag align, across Interface and Developer Tools. Align left, Distribute, Format and 1 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 4 align icons, described

Align leftalign-left-obj: Align left — every object's left edge moved to the same line.
Distributedistribute: Distribute — spread objects evenly so the spaces between them match.
Formatformat-code: Format code — line it all up with a formatter like Prettier so it reads tidily.
Magnet snapmagnet-snap: A horseshoe magnet — snapping objects to guides and each other.

In code, each is one import — import { AlignLeftObj } from "@iconmind/react/icons/align-left-obj" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

edge10 even3 left9 snap3 tidy3

Every align icon, free to ship

4 of 2,437 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.

All tags Install the package Request an icon