What does the baseline icon represent?

It represents the imaginary line upon which a row of text rests, often used in typography and text alignment controls.

How do I use this icon in React?

You can import and use it with: import { IconBaseline } from '@tabler/icons-react'. Then render it as .

What is the license for this icon?

The Tabler icons, including the baseline icon, are distributed under the MIT license.

baseline icon

Tabler · baseline · MIT

The Tabler baseline icon depicts a horizontal line representing the baseline of text, commonly used to indicate text alignment or vertical positioning in typography settings.

Common uses

Aligning text to a common baseline in a multi-line text editor.
Setting vertical alignment options for text elements.
Indicating the baseline of a font in a design tool.

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconBaseline } from '@tabler/icons-react';

<IconBaseline size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Text
Keywords: alignarrowbottomformatverticalbaselinetypographywritingfontcharactertexttext baselinevertical aligntext align bottomfont baseline

FAQ

What does the baseline icon represent?: It represents the imaginary line upon which a row of text rests, often used in typography and text alignment controls.
How do I use this icon in React?: You can import and use it with: import { IconBaseline } from '@tabler/icons-react'. Then render it as <IconBaseline />.
What is the license for this icon?: The Tabler icons, including the baseline icon, are distributed under the MIT license.

Related icons

The same idea in other libraries, and near matches in Tabler.

lucide tabler tabler tabler

Looking for something else? Search Tabler 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 →