Pixelarticons

Text Align Left Pixel Art Icon

A left-align icon for aligning text to the left margin in editors, design tools, and typography controls.

office Free 1 variant

Tags

alignleftbackpreviouswest

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 Left icon

Lines of text flush to a left edge and ragged on the right, representing left-aligned text. This is the most common alignment in left-to-right languages and the default in most editors. Use it in a rich-text toolbar, a design tool's text alignment control, a page builder's content block settings, or a formatting palette. It anchors the alignment group alongside text-align-center and text-align-right. In RTL interfaces, the group order should be reversed to match reading direction.

Usage

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

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

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

Related icons