The HugeIcons text align left icon visually represents the alignment of text to the left edge of a container, commonly used in text editing tools to set or indicate left-aligned text.
Common uses
- Text editor toolbar button
- Rich text input control
- Document formatting options
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { TextAlignLeftIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={TextAlignLeftIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- align leftleft aligntext justification lefttext alignment
FAQ
- What does the text align left icon represent?
- This icon represents the alignment of text to the left side of its bounding box. It's a standard control in applications that handle text formatting.
- How do I use the TextAlignLeftIcon in React?
- To use it in React, import both HugeiconsIcon and TextAlignLeftIcon, then render <HugeiconsIcon icon={TextAlignLeftIcon} />.
- What is the license for this icon?
- The HugeIcons library, including the TextAlignLeftIcon, is released under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →