Middle icons

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

The 7 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.
Mildtemperature-mild: The thermometer with the column at the middle.
Transform steptransform-step: A transform step — the middle stage of a pipeline that changes the shape of the data.
Waist measurewaist-measure: The tape with its marks.

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

centre4 objects8 attention17 convert7 skip9 stage7 tape3 text26

Every middle icon, free to ship

7 of 5,287 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