The Tabler transition bottom icon depicts a downward-pointing arrow with a slight curve, commonly used to indicate a transition or movement towards the bottom of a screen or interface.
Common uses
- Scrolling to a footer section
- Indicating content that moves off-screen downwards
- Representing a 'next' or 'continue' action that leads downwards
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconTransitionBottom } from '@tabler/icons-react';
<IconTransitionBottom size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconTransitionBottom size={24} stroke={2} />filled
<IconTransitionBottomFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directionsouthdownmovingtransitionbottomnavigationflowmovementroutearrowsarrow downscroll downsouth arrowmove down
FAQ
- What is the purpose of the transition bottom icon?
- It visually represents movement or transition downwards, often used for navigation or indicating content flow towards the bottom of a page or element.
- How do I use the transition bottom icon in React?
- You can import and use it directly with the following statement: `import { IconTransitionBottom } from '@tabler/icons-react'`.
- What is the license for this icon?
- The Tabler icon set, including the transition bottom 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 →