Pixelarticons

Text Align Center Pixel Art Icon

A center-align icon for centering text in rich-text editors, Markdown toolbars, and typography controls.

office Free 1 variant

Tags

aligncenter

Style variants

base

Outline ยท rounded corners

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Text Align Center icon

Horizontal lines of decreasing and increasing length symmetrically aligned to a center axis, the standard representation of center-aligned text. Use it in a rich-text editor's alignment toolbar, a design tool's text properties panel, or a CMS block editor's alignment picker. It sits between text-align-left and text-align-right in a typical BIU-style toolbar group. For full-width justified text, text-align-justify is the adjacent option. Center alignment is most readable for short headings and captions rather than long body paragraphs.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/text-align-center.svg" width="24" height="24" alt="Text Align Center" />

<!-- React -->
import { TextAlignCenter } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="text-align-center.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons