The Tabler arrow autofit content icon visually represents content being adjusted to fit within available space, often used to indicate actions related to layout or content resizing.
Common uses
- Triggering an 'autofit' or 'resize to content' action.
- Indicating a view mode that adjusts content to screen size.
- Navigating or selecting content areas that will be automatically adjusted.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowAutofitContent } from '@tabler/icons-react';
<IconArrowAutofitContent size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconArrowAutofitContent size={24} stroke={2} />filled
<IconArrowAutofitContentFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directioneastwestarrowautofitcontentpointernavigationflownavigatearrowsresize contentfit to contentcontent adjustmentauto size
FAQ
- What does the arrow autofit content icon represent?
- It signifies an action or state where content is automatically adjusted to fit its container or viewable area.
- How do I use this icon in React?
- You can import and use it like this: import { IconArrowAutofitContent } from '@tabler/icons-react'.
- 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 →