hand withdraw icon

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

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

5 other variants in Phosphor

hand-withdraw-bold hand-withdraw-duotone hand-withdraw-fill hand-withdraw-light hand-withdraw-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-left hand-swipe-right hand-tap hand-waving

Use the hand withdraw icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 198.65V240a8 8 0 0 1-16 0v-41.35A74.84 74.84 0 0 0 192 144v58.35a8 8 0 0 1-14.69 4.38l-10.68-16.31c-.08-.12-.16-.25-.23-.38a12 12 0 0 0-20.89 11.83l22.13 33.79a8 8 0 0 1-13.39 8.76l-22.26-34l-.24-.38A28 28 0 0 1 176 176.4V64h-16a8 8 0 0 1 0-16h16a16 16 0 0 1 16 16v59.62a90.89 90.89 0 0 1 40 75.03M88 56a8 8 0 0 0-8-8H64a16 16 0 0 0-16 16v136a8 8 0 0 0 16 0V64h16a8 8 0 0 0 8-8m69.66 42.34a8 8 0 0 0-11.32 0L128 116.69V16a8 8 0 0 0-16 0v100.69L93.66 98.34a8 8 0 0 0-11.32 11.32l32 32a8 8 0 0 0 11.32 0l32-32a8 8 0 0 0 0-11.32"/></svg>

React

import type { SVGProps } from "react";

export function PhHandWithdraw(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="M232 198.65V240a8 8 0 0 1-16 0v-41.35A74.84 74.84 0 0 0 192 144v58.35a8 8 0 0 1-14.69 4.38l-10.68-16.31c-.08-.12-.16-.25-.23-.38a12 12 0 0 0-20.89 11.83l22.13 33.79a8 8 0 0 1-13.39 8.76l-22.26-34l-.24-.38A28 28 0 0 1 176 176.4V64h-16a8 8 0 0 1 0-16h16a16 16 0 0 1 16 16v59.62a90.89 90.89 0 0 1 40 75.03M88 56a8 8 0 0 0-8-8H64a16 16 0 0 0-16 16v136a8 8 0 0 0 16 0V64h16a8 8 0 0 0 8-8m69.66 42.34a8 8 0 0 0-11.32 0L128 116.69V16a8 8 0 0 0-16 0v100.69L93.66 98.34a8 8 0 0 0-11.32 11.32l32 32a8 8 0 0 0 11.32 0l32-32a8 8 0 0 0 0-11.32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 198.65V240a8 8 0 0 1-16 0v-41.35A74.84 74.84 0 0 0 192 144v58.35a8 8 0 0 1-14.69 4.38l-10.68-16.31c-.08-.12-.16-.25-.23-.38a12 12 0 0 0-20.89 11.83l22.13 33.79a8 8 0 0 1-13.39 8.76l-22.26-34l-.24-.38A28 28 0 0 1 176 176.4V64h-16a8 8 0 0 1 0-16h16a16 16 0 0 1 16 16v59.62a90.89 90.89 0 0 1 40 75.03M88 56a8 8 0 0 0-8-8H64a16 16 0 0 0-16 16v136a8 8 0 0 0 16 0V64h16a8 8 0 0 0 8-8m69.66 42.34a8 8 0 0 0-11.32 0L128 116.69V16a8 8 0 0 0-16 0v100.69L93.66 98.34a8 8 0 0 0-11.32 11.32l32 32a8 8 0 0 0 11.32 0l32-32a8 8 0 0 0 0-11.32"/></svg>
</template>

CSS

.icon-hand-withdraw {
  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%22M232%20198.65V240a8%208%200%200%201-16%200v-41.35A74.84%2074.84%200%200%200%20192%20144v58.35a8%208%200%200%201-14.69%204.38l-10.68-16.31c-.08-.12-.16-.25-.23-.38a12%2012%200%200%200-20.89%2011.83l22.13%2033.79a8%208%200%200%201-13.39%208.76l-22.26-34l-.24-.38A28%2028%200%200%201%20176%20176.4V64h-16a8%208%200%200%201%200-16h16a16%2016%200%200%201%2016%2016v59.62a90.89%2090.89%200%200%201%2040%2075.03M88%2056a8%208%200%200%200-8-8H64a16%2016%200%200%200-16%2016v136a8%208%200%200%200%2016%200V64h16a8%208%200%200%200%208-8m69.66%2042.34a8%208%200%200%200-11.32%200L128%20116.69V16a8%208%200%200%200-16%200v100.69L93.66%2098.34a8%208%200%200%200-11.32%2011.32l32%2032a8%208%200%200%200%2011.32%200l32-32a8%208%200%200%200%200-11.32%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%22M232%20198.65V240a8%208%200%200%201-16%200v-41.35A74.84%2074.84%200%200%200%20192%20144v58.35a8%208%200%200%201-14.69%204.38l-10.68-16.31c-.08-.12-.16-.25-.23-.38a12%2012%200%200%200-20.89%2011.83l22.13%2033.79a8%208%200%200%201-13.39%208.76l-22.26-34l-.24-.38A28%2028%200%200%201%20176%20176.4V64h-16a8%208%200%200%201%200-16h16a16%2016%200%200%201%2016%2016v59.62a90.89%2090.89%200%200%201%2040%2075.03M88%2056a8%208%200%200%200-8-8H64a16%2016%200%200%200-16%2016v136a8%208%200%200%200%2016%200V64h16a8%208%200%200%200%208-8m69.66%2042.34a8%208%200%200%200-11.32%200L128%20116.69V16a8%208%200%200%200-16%200v100.69L93.66%2098.34a8%208%200%200%200-11.32%2011.32l32%2032a8%208%200%200%200%2011.32%200l32-32a8%208%200%200%200%200-11.32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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