Middle icons

5 icons carry the tag middle, across Interface, Automation and RAG & Search. Align center, Align center horizontal, Align center vertical and 2 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 5 middle icons, described

Align centeralign-center: Align center — text centred on the line, ragged on both sides.
Align center horizontalalign-center-horizontal: Two boxes centred on a line through their middles — align objects to a shared centre line.
Align center verticalalign-center-vertical: Two boxes centred on a line through their middles — align objects to a shared vertical centre.
Lost in the middlelost-in-middle: Lost in the middle — the context a model skims past when it sits between the ends.
Transform steptransform-step: A transform step — the middle stage of a pipeline that changes the shape of the data.

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

Tags these icons also carry

centre3 objects8 attention15 convert4 skip4 stage3 text21

Every middle icon, free to ship

5 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