The Tabler line height icon visually represents adjustable spacing between lines of text, commonly used in UI elements for text formatting controls.
Common uses
- Text editor toolbar for line spacing adjustment
- Rich text input settings panel
- Document layout configuration options
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLineHeight } from '@tabler/icons-react';
<IconLineHeight size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- spaceinlinedisplaylineheighttypographywritingfontcharacterwordtexttext spacingleadingline spacingtext height
FAQ
- What does the line height icon signify?
- It signifies controls for adjusting the vertical space between lines of text, crucial for readability and layout.
- How do I use this icon in React?
- You can import and use it with: import { IconLineHeight } from '@tabler/icons-react'. Then render it as <IconLineHeight />.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in 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 →