The Tabler caret right icon depicts a right-pointing triangle, commonly used to indicate forward movement, continuation, or to trigger an action like playing media.
Common uses
- Next button in a carousel or slider
- Play button for audio or video
- Expand/collapse section indicator
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCaretRight } from '@tabler/icons-react';
<IconCaretRight size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconCaretRight size={24} stroke={2} />filled
<IconCaretRightFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- nextplaymorecaretrightnavigationflowmovementroutepatharrowsnext arrowplay symbolforward iconchevron right
FAQ
- What is the caret right icon used for?
- It signifies forward direction, progression, or initiating an action. It's often seen in navigation, media players, and interactive elements.
- How do I use the caret right icon in React?
- You can import and use it directly: import { IconCaretRight } from '@tabler/icons-react'; <IconCaretRight />
- What is the license for Tabler icons?
- Tabler icons are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.