The Tabler arrow right rhombus icon depicts a rhombus shape with an arrow pointing to the right, commonly used to indicate forward movement, continuation, or proceeding in a specific direction.
Common uses
- Next step in a wizard or onboarding flow
- Button to proceed to the next section
- Indicate a swipe gesture to the right
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowRightRhombus } from '@tabler/icons-react';
<IconArrowRightRhombus size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconArrowRightRhombus size={24} stroke={2} />filled
<IconArrowRightRhombusFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- proceedswipebelowshapeeastarrowrightrhombusdirectionpointerarrowsrhombus arrow rightproceed iconeast arrowdirection rhombus
FAQ
- What is the arrow right rhombus icon used for?
- It signifies moving forward, proceeding, or indicating a direction to the right, often used for navigation or action buttons.
- How do I use the arrow right rhombus icon in React?
- Import it from '@tabler/icons-react' like this: import { IconArrowRightRhombus } from '@tabler/icons-react'.
- 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 →