The Tabler arrow autofit up icon depicts an upward-pointing arrow within a bounding box, commonly used to indicate an increase in size, a return to the top of a view, or a general upward direction.
Common uses
- Scroll to top button
- Expand or increase action
- Upload or submit indicator
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowAutofitUp } from '@tabler/icons-react';
<IconArrowAutofitUp size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconArrowAutofitUp size={24} stroke={2} />filled
<IconArrowAutofitUpFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directionnortharrowautofitpointertopincreasenavigationflownavigatearrowsupscroll uparrow topincrease directiongo to top
FAQ
- What does the arrow autofit up icon represent?
- It symbolizes an upward direction, often used for actions like scrolling to the top, increasing a value, or indicating an upload.
- How do I use this icon in React?
- You can import and use it with: `import { IconArrowAutofitUp } 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 →