The Phosphor hand swipe left icon visually represents a user performing a leftward swipe gesture, commonly used to indicate actions like navigating back, dismissing items, or scrolling horizontally.
Common uses
- Indicating a left swipe to delete or archive an item.
- Showing how to navigate to the previous screen or section.
- Illustrating horizontal scrolling functionality.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { HandSwipeLeft } from '@phosphor-icons/react';
<HandSwipeLeft size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<HandSwipeLeft size={24} />thin
<HandSwipeLeft size={24} weight="thin" />light
<HandSwipeLeft size={24} weight="light" />bold
<HandSwipeLeft size={24} weight="bold" />fill
<HandSwipeLeft size={24} weight="fill" />duotone
<HandSwipeLeft size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- people
- Keywords
- pointerscursorsgesturepeoplesystemhandswipeleftswipe left gestureleft swipegesture leftnavigation left
FAQ
- What is the purpose of the hand swipe left icon?
- It signifies a leftward swipe gesture, often used for navigation, deletion, or dismissal actions in user interfaces.
- How do I use the hand swipe left icon in React?
- You can import and use it like this: import { HandSwipeLeft } from '@phosphor-icons/react'; <HandSwipeLeft size={24} />
- What is the license for this icon?
- The Phosphor icon library, including the hand swipe left icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →