The Tabler arrow autofit right icon depicts an arrow expanding to the right, commonly used to indicate fitting content or expanding a view to the right.
Common uses
- Expand a sidebar or panel to the right.
- Fit content within a container on the right.
- Initiate a 'next' or 'forward' action in a rightward direction.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowAutofitRight } from '@tabler/icons-react';
<IconArrowAutofitRight size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconArrowAutofitRight size={24} stroke={2} />filled
<IconArrowAutofitRightFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directioneastwestarrowautofitrightpointernavigationflownavigatearrowsexpand rightfit to rightarrow rightmove right
FAQ
- What is the purpose of the arrow autofit right icon?
- It visually represents an action to expand or fit something towards the right side of the screen or interface.
- How do I use this icon in React?
- You can import and use it like this: import { IconArrowAutofitRight } from '@tabler/icons-react'; <IconArrowAutofitRight />
- What is the license for this icon?
- The Tabler icon library, including this icon, is available 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 →