The Tabler arrow autofit height icon depicts an arrow expanding vertically, commonly used to indicate adjusting content to fit the available vertical space or to represent a full-height view.
Common uses
- Expand content to fill screen height
- Toggle between normal and full-height view
- Adjustable element height indicator
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowAutofitHeight } from '@tabler/icons-react';
<IconArrowAutofitHeight size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconArrowAutofitHeight size={24} stroke={2} />filled
<IconArrowAutofitHeightFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directionnorthupdownsoutharrowautofitheightpointernavigationarrowsexpand heightfit to screenvertical expandfullscreen height
FAQ
- What is the purpose of the arrow autofit height icon?
- It visually represents an action to adjust or fit content to the maximum available vertical space.
- How do I use this icon in React?
- You can import and use it like this: import { IconArrowAutofitHeight } from '@tabler/icons-react'; <IconArrowAutofitHeight />
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use.
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 →