Text Align Center Box Pixel Art Icon
A center-align icon inside a box for alignment controls in box-style toolbars, design systems, and formatting palettes.
Tags
aligncenterboxpackagecontainer
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Text Align Center Box icon
The center-alignment lines enclosed in a square or rounded box, presenting the same alignment action within a box-icon design language. Use it in toolbars or button groups where all formatting icons are box-enclosed for visual consistency, a design system's typography component, or a settings panel that renders alignment options as bordered tiles. For open-style toolbars, text-align-center without the box is lighter and matches the conventional alignment toolbar convention.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/text-align-center-box.svg" width="24" height="24" alt="Text Align Center Box" />
<!-- React -->
import { TextAlignCenterBox } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="text-align-center-box.svg" width="48" height="48" style="image-rendering: pixelated" />