hand swipe left icon

hand-swipe-left from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: hand-swipe-left
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

hand-swipe-left-bold hand-swipe-left-duotone hand-swipe-left-fill hand-swipe-left-light hand-swipe-left-thin

Related icons in Phosphor

hand-arrow-down hand-arrow-up hand-coins hand-deposit hand-eye hand-fist hand-grabbing hand-heart hand-palm hand-peace hand-pointing hand-soap hand-swipe-right hand-tap hand-waving hand-withdraw

Use the hand swipe left icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 140v36c0 25.59-8.49 42.85-8.85 43.58A8 8 0 0 1 200 224a7.9 7.9 0 0 1-3.57-.85a8 8 0 0 1-3.58-10.73c.06-.12 7.16-14.81 7.16-36.42v-36a12 12 0 0 0-24 0v4a8 8 0 0 1-16 0v-20a12 12 0 0 0-24 0v12a8 8 0 0 1-16 0V68a12 12 0 0 0-24 0v108a8 8 0 0 1-14.79 4.23l-18.68-30l-.14-.23a12 12 0 1 0-20.8 12l29.29 50a8 8 0 1 1-13.81 8l-29.32-50a28 28 0 0 1 48.41-28.17L80 148V68a28 28 0 0 1 56 0v30.7a28 28 0 0 1 38.65 16.69A28 28 0 0 1 216 140m32-92h-52.69l18.34-18.34a8 8 0 0 0-11.31-11.32l-32 32a8 8 0 0 0 0 11.32l32 32a8 8 0 0 0 11.31-11.32L195.31 64H248a8 8 0 0 0 0-16"/></svg>

React

import type { SVGProps } from "react";

export function PhHandSwipeLeft(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 140v36c0 25.59-8.49 42.85-8.85 43.58A8 8 0 0 1 200 224a7.9 7.9 0 0 1-3.57-.85a8 8 0 0 1-3.58-10.73c.06-.12 7.16-14.81 7.16-36.42v-36a12 12 0 0 0-24 0v4a8 8 0 0 1-16 0v-20a12 12 0 0 0-24 0v12a8 8 0 0 1-16 0V68a12 12 0 0 0-24 0v108a8 8 0 0 1-14.79 4.23l-18.68-30l-.14-.23a12 12 0 1 0-20.8 12l29.29 50a8 8 0 1 1-13.81 8l-29.32-50a28 28 0 0 1 48.41-28.17L80 148V68a28 28 0 0 1 56 0v30.7a28 28 0 0 1 38.65 16.69A28 28 0 0 1 216 140m32-92h-52.69l18.34-18.34a8 8 0 0 0-11.31-11.32l-32 32a8 8 0 0 0 0 11.32l32 32a8 8 0 0 0 11.31-11.32L195.31 64H248a8 8 0 0 0 0-16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 140v36c0 25.59-8.49 42.85-8.85 43.58A8 8 0 0 1 200 224a7.9 7.9 0 0 1-3.57-.85a8 8 0 0 1-3.58-10.73c.06-.12 7.16-14.81 7.16-36.42v-36a12 12 0 0 0-24 0v4a8 8 0 0 1-16 0v-20a12 12 0 0 0-24 0v12a8 8 0 0 1-16 0V68a12 12 0 0 0-24 0v108a8 8 0 0 1-14.79 4.23l-18.68-30l-.14-.23a12 12 0 1 0-20.8 12l29.29 50a8 8 0 1 1-13.81 8l-29.32-50a28 28 0 0 1 48.41-28.17L80 148V68a28 28 0 0 1 56 0v30.7a28 28 0 0 1 38.65 16.69A28 28 0 0 1 216 140m32-92h-52.69l18.34-18.34a8 8 0 0 0-11.31-11.32l-32 32a8 8 0 0 0 0 11.32l32 32a8 8 0 0 0 11.31-11.32L195.31 64H248a8 8 0 0 0 0-16"/></svg>
</template>

CSS

.icon-hand-swipe-left {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216%20140v36c0%2025.59-8.49%2042.85-8.85%2043.58A8%208%200%200%201%20200%20224a7.9%207.9%200%200%201-3.57-.85a8%208%200%200%201-3.58-10.73c.06-.12%207.16-14.81%207.16-36.42v-36a12%2012%200%200%200-24%200v4a8%208%200%200%201-16%200v-20a12%2012%200%200%200-24%200v12a8%208%200%200%201-16%200V68a12%2012%200%200%200-24%200v108a8%208%200%200%201-14.79%204.23l-18.68-30l-.14-.23a12%2012%200%201%200-20.8%2012l29.29%2050a8%208%200%201%201-13.81%208l-29.32-50a28%2028%200%200%201%2048.41-28.17L80%20148V68a28%2028%200%200%201%2056%200v30.7a28%2028%200%200%201%2038.65%2016.69A28%2028%200%200%201%20216%20140m32-92h-52.69l18.34-18.34a8%208%200%200%200-11.31-11.32l-32%2032a8%208%200%200%200%200%2011.32l32%2032a8%208%200%200%200%2011.31-11.32L195.31%2064H248a8%208%200%200%200%200-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216%20140v36c0%2025.59-8.49%2042.85-8.85%2043.58A8%208%200%200%201%20200%20224a7.9%207.9%200%200%201-3.57-.85a8%208%200%200%201-3.58-10.73c.06-.12%207.16-14.81%207.16-36.42v-36a12%2012%200%200%200-24%200v4a8%208%200%200%201-16%200v-20a12%2012%200%200%200-24%200v12a8%208%200%200%201-16%200V68a12%2012%200%200%200-24%200v108a8%208%200%200%201-14.79%204.23l-18.68-30l-.14-.23a12%2012%200%201%200-20.8%2012l29.29%2050a8%208%200%201%201-13.81%208l-29.32-50a28%2028%200%200%201%2048.41-28.17L80%20148V68a28%2028%200%200%201%2056%200v30.7a28%2028%200%200%201%2038.65%2016.69A28%2028%200%200%201%20216%20140m32-92h-52.69l18.34-18.34a8%208%200%200%200-11.31-11.32l-32%2032a8%208%200%200%200%200%2011.32l32%2032a8%208%200%200%200%2011.31-11.32L195.31%2064H248a8%208%200%200%200%200-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/hand-swipe-left.svg?color=%231a73e8&size=48