hand swipe left icon

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

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

5 other variants in Phosphor

hand-swipe-left hand-swipe-left-bold hand-swipe-left-duotone 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 128v50.93c0 25.59-8.48 39.93-8.84 40.65A8 8 0 0 1 200 224H64a8 8 0 0 1-6.9-3.95L26.15 160a16 16 0 0 1 6.53-22.23c7.66-4 17.1-.84 21.4 6.62l21 36.44a6.09 6.09 0 0 0 6 3.09h.12a8.19 8.19 0 0 0 6.8-8.18V56a16 16 0 0 1 16.77-16c8.61.4 15.23 7.82 15.23 16.43V128a8 8 0 0 0 8.53 8a8.17 8.17 0 0 0 7.47-8.25V112a16 16 0 0 1 16.77-16c8.61.4 15.23 7.82 15.23 16.43V136a8 8 0 0 0 8.53 8a8.18 8.18 0 0 0 7.47-8.25v-7.28c0-8.61 6.62-16 15.23-16.43A16 16 0 0 1 216 128m32-80h-52.69l18.35-18.34a8 8 0 1 0-11.32-11.32l-32 32a8 8 0 0 0 0 11.32l32 32a8 8 0 0 0 11.32-11.32L195.31 64H248a8 8 0 0 0 0-16"/></svg>

React

import type { SVGProps } from "react";

export function PhHandSwipeLeftFill(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 128v50.93c0 25.59-8.48 39.93-8.84 40.65A8 8 0 0 1 200 224H64a8 8 0 0 1-6.9-3.95L26.15 160a16 16 0 0 1 6.53-22.23c7.66-4 17.1-.84 21.4 6.62l21 36.44a6.09 6.09 0 0 0 6 3.09h.12a8.19 8.19 0 0 0 6.8-8.18V56a16 16 0 0 1 16.77-16c8.61.4 15.23 7.82 15.23 16.43V128a8 8 0 0 0 8.53 8a8.17 8.17 0 0 0 7.47-8.25V112a16 16 0 0 1 16.77-16c8.61.4 15.23 7.82 15.23 16.43V136a8 8 0 0 0 8.53 8a8.18 8.18 0 0 0 7.47-8.25v-7.28c0-8.61 6.62-16 15.23-16.43A16 16 0 0 1 216 128m32-80h-52.69l18.35-18.34a8 8 0 1 0-11.32-11.32l-32 32a8 8 0 0 0 0 11.32l32 32a8 8 0 0 0 11.32-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 128v50.93c0 25.59-8.48 39.93-8.84 40.65A8 8 0 0 1 200 224H64a8 8 0 0 1-6.9-3.95L26.15 160a16 16 0 0 1 6.53-22.23c7.66-4 17.1-.84 21.4 6.62l21 36.44a6.09 6.09 0 0 0 6 3.09h.12a8.19 8.19 0 0 0 6.8-8.18V56a16 16 0 0 1 16.77-16c8.61.4 15.23 7.82 15.23 16.43V128a8 8 0 0 0 8.53 8a8.17 8.17 0 0 0 7.47-8.25V112a16 16 0 0 1 16.77-16c8.61.4 15.23 7.82 15.23 16.43V136a8 8 0 0 0 8.53 8a8.18 8.18 0 0 0 7.47-8.25v-7.28c0-8.61 6.62-16 15.23-16.43A16 16 0 0 1 216 128m32-80h-52.69l18.35-18.34a8 8 0 1 0-11.32-11.32l-32 32a8 8 0 0 0 0 11.32l32 32a8 8 0 0 0 11.32-11.32L195.31 64H248a8 8 0 0 0 0-16"/></svg>
</template>

CSS

.icon-hand-swipe-left-fill {
  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%20128v50.93c0%2025.59-8.48%2039.93-8.84%2040.65A8%208%200%200%201%20200%20224H64a8%208%200%200%201-6.9-3.95L26.15%20160a16%2016%200%200%201%206.53-22.23c7.66-4%2017.1-.84%2021.4%206.62l21%2036.44a6.09%206.09%200%200%200%206%203.09h.12a8.19%208.19%200%200%200%206.8-8.18V56a16%2016%200%200%201%2016.77-16c8.61.4%2015.23%207.82%2015.23%2016.43V128a8%208%200%200%200%208.53%208a8.17%208.17%200%200%200%207.47-8.25V112a16%2016%200%200%201%2016.77-16c8.61.4%2015.23%207.82%2015.23%2016.43V136a8%208%200%200%200%208.53%208a8.18%208.18%200%200%200%207.47-8.25v-7.28c0-8.61%206.62-16%2015.23-16.43A16%2016%200%200%201%20216%20128m32-80h-52.69l18.35-18.34a8%208%200%201%200-11.32-11.32l-32%2032a8%208%200%200%200%200%2011.32l32%2032a8%208%200%200%200%2011.32-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%20128v50.93c0%2025.59-8.48%2039.93-8.84%2040.65A8%208%200%200%201%20200%20224H64a8%208%200%200%201-6.9-3.95L26.15%20160a16%2016%200%200%201%206.53-22.23c7.66-4%2017.1-.84%2021.4%206.62l21%2036.44a6.09%206.09%200%200%200%206%203.09h.12a8.19%208.19%200%200%200%206.8-8.18V56a16%2016%200%200%201%2016.77-16c8.61.4%2015.23%207.82%2015.23%2016.43V128a8%208%200%200%200%208.53%208a8.17%208.17%200%200%200%207.47-8.25V112a16%2016%200%200%201%2016.77-16c8.61.4%2015.23%207.82%2015.23%2016.43V136a8%208%200%200%200%208.53%208a8.18%208.18%200%200%200%207.47-8.25v-7.28c0-8.61%206.62-16%2015.23-16.43A16%2016%200%200%201%20216%20128m32-80h-52.69l18.35-18.34a8%208%200%201%200-11.32-11.32l-32%2032a8%208%200%200%200%200%2011.32l32%2032a8%208%200%200%200%2011.32-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-fill.svg?color=%231a73e8&size=48