The Tabler swipe right icon visually represents the action of swiping towards the right, commonly used to indicate navigation, progression, or revealing hidden content.
Common uses
- Next item/page navigation
- Revealing side menu or options
- Confirming an action or dismissing a notification
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSwipeRight } from '@tabler/icons-react';
<IconSwipeRight size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSwipeRight size={24} stroke={2} />filled
<IconSwipeRightFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- gestureswiperightward-swipescroll-rightslide-righttouch-gesturescreen-swipegesture-controlinteractionuser-swipearrowsrightarrow rightnext gestureright arrowslide right
FAQ
- What does the swipe right icon signify?
- It signifies a rightward swipe gesture, often used for navigation or interaction in touch interfaces.
- How do I use the swipe right icon in React?
- You can import and use it directly with: import { IconSwipeRight } from '@tabler/icons-react'.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free usage.
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 →