The Lucide baseline icon visually represents the horizontal line upon which text characters rest, commonly used in text formatting tools to indicate or adjust text alignment.
Common uses
- Text alignment settings
- Font style options
- Rich text editor controls
Use it in React
Install
npm i lucide-reactImport & render
import { Baseline } from 'lucide-react';
<Baseline size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- textformatcolorbaselinetext baselinetext alignline
FAQ
- What does the baseline icon represent?
- It signifies the invisible line that guides the placement of text characters. It's often used in UI to represent text alignment or baseline adjustments.
- How do I use the baseline icon in React?
- You can import and use it directly from the 'lucide-react' library with the following import statement: import { Baseline } from 'lucide-react'.
- What is the license for the Lucide baseline icon?
- The Lucide icon library, including the baseline icon, is distributed under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →