The Tabler spacing vertical icon depicts three horizontal lines of varying lengths, commonly used to represent vertical spacing, alignment, or distribution of elements within a UI.
Common uses
- Adjusting vertical gaps between text blocks
- Setting line spacing in a text editor
- Aligning form fields vertically
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSpacingVertical } from '@tabler/icons-react';
<IconSpacingVertical size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Document
- Keywords
- alignbetweentextgapspacingverticalfilepaperrecordinformationdocumentvertical alignline gaptext spacingdistribute
FAQ
- What does the spacing vertical icon represent?
- It visually represents the concept of vertical spacing or distribution between elements, often used in contexts related to text layout or alignment.
- How do I use this icon in React?
- You can import and use it in your React application with: import { IconSpacingVertical } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icons, including spacing vertical, are distributed under the MIT license.
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 →