hand withdraw icon

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

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

5 other variants in Phosphor

hand-withdraw hand-withdraw-bold hand-withdraw-duotone hand-withdraw-fill hand-withdraw-light

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="M228 198.65V240a4 4 0 0 1-8 0v-41.35a78.83 78.83 0 0 0-32-63.18v66.84a4 4 0 0 1-7.35 2.19L170 188.19l-.12-.19a16 16 0 0 0-27.77 15.91l22.2 33.9a4 4 0 1 1-6.69 4.38l-22.26-34a1.2 1.2 0 0 1-.12-.19a24 24 0 0 1 41.51-24.1l3.27 5V64a4 4 0 0 0-4-4H160a4 4 0 0 1 0-8h16a12 12 0 0 1 12 12v61.78a86.84 86.84 0 0 1 40 72.87M80 52H64a12 12 0 0 0-12 12v136a4 4 0 0 0 8 0V64a4 4 0 0 1 4-4h16a4 4 0 0 0 0-8m74.83 49.17a4 4 0 0 0-5.66 0L124 126.34V16a4 4 0 0 0-8 0v110.34l-25.17-25.17a4 4 0 0 0-5.66 5.66l32 32a4 4 0 0 0 5.66 0l32-32a4 4 0 0 0 0-5.66"/></svg>

React

import type { SVGProps } from "react";

export function PhHandWithdrawThin(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="M228 198.65V240a4 4 0 0 1-8 0v-41.35a78.83 78.83 0 0 0-32-63.18v66.84a4 4 0 0 1-7.35 2.19L170 188.19l-.12-.19a16 16 0 0 0-27.77 15.91l22.2 33.9a4 4 0 1 1-6.69 4.38l-22.26-34a1.2 1.2 0 0 1-.12-.19a24 24 0 0 1 41.51-24.1l3.27 5V64a4 4 0 0 0-4-4H160a4 4 0 0 1 0-8h16a12 12 0 0 1 12 12v61.78a86.84 86.84 0 0 1 40 72.87M80 52H64a12 12 0 0 0-12 12v136a4 4 0 0 0 8 0V64a4 4 0 0 1 4-4h16a4 4 0 0 0 0-8m74.83 49.17a4 4 0 0 0-5.66 0L124 126.34V16a4 4 0 0 0-8 0v110.34l-25.17-25.17a4 4 0 0 0-5.66 5.66l32 32a4 4 0 0 0 5.66 0l32-32a4 4 0 0 0 0-5.66"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 198.65V240a4 4 0 0 1-8 0v-41.35a78.83 78.83 0 0 0-32-63.18v66.84a4 4 0 0 1-7.35 2.19L170 188.19l-.12-.19a16 16 0 0 0-27.77 15.91l22.2 33.9a4 4 0 1 1-6.69 4.38l-22.26-34a1.2 1.2 0 0 1-.12-.19a24 24 0 0 1 41.51-24.1l3.27 5V64a4 4 0 0 0-4-4H160a4 4 0 0 1 0-8h16a12 12 0 0 1 12 12v61.78a86.84 86.84 0 0 1 40 72.87M80 52H64a12 12 0 0 0-12 12v136a4 4 0 0 0 8 0V64a4 4 0 0 1 4-4h16a4 4 0 0 0 0-8m74.83 49.17a4 4 0 0 0-5.66 0L124 126.34V16a4 4 0 0 0-8 0v110.34l-25.17-25.17a4 4 0 0 0-5.66 5.66l32 32a4 4 0 0 0 5.66 0l32-32a4 4 0 0 0 0-5.66"/></svg>
</template>

CSS

.icon-hand-withdraw-thin {
  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%22M228%20198.65V240a4%204%200%200%201-8%200v-41.35a78.83%2078.83%200%200%200-32-63.18v66.84a4%204%200%200%201-7.35%202.19L170%20188.19l-.12-.19a16%2016%200%200%200-27.77%2015.91l22.2%2033.9a4%204%200%201%201-6.69%204.38l-22.26-34a1.2%201.2%200%200%201-.12-.19a24%2024%200%200%201%2041.51-24.1l3.27%205V64a4%204%200%200%200-4-4H160a4%204%200%200%201%200-8h16a12%2012%200%200%201%2012%2012v61.78a86.84%2086.84%200%200%201%2040%2072.87M80%2052H64a12%2012%200%200%200-12%2012v136a4%204%200%200%200%208%200V64a4%204%200%200%201%204-4h16a4%204%200%200%200%200-8m74.83%2049.17a4%204%200%200%200-5.66%200L124%20126.34V16a4%204%200%200%200-8%200v110.34l-25.17-25.17a4%204%200%200%200-5.66%205.66l32%2032a4%204%200%200%200%205.66%200l32-32a4%204%200%200%200%200-5.66%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%22M228%20198.65V240a4%204%200%200%201-8%200v-41.35a78.83%2078.83%200%200%200-32-63.18v66.84a4%204%200%200%201-7.35%202.19L170%20188.19l-.12-.19a16%2016%200%200%200-27.77%2015.91l22.2%2033.9a4%204%200%201%201-6.69%204.38l-22.26-34a1.2%201.2%200%200%201-.12-.19a24%2024%200%200%201%2041.51-24.1l3.27%205V64a4%204%200%200%200-4-4H160a4%204%200%200%201%200-8h16a12%2012%200%200%201%2012%2012v61.78a86.84%2086.84%200%200%201%2040%2072.87M80%2052H64a12%2012%200%200%200-12%2012v136a4%204%200%200%200%208%200V64a4%204%200%200%201%204-4h16a4%204%200%200%200%200-8m74.83%2049.17a4%204%200%200%200-5.66%200L124%20126.34V16a4%204%200%200%200-8%200v110.34l-25.17-25.17a4%204%200%200%200-5.66%205.66l32%2032a4%204%200%200%200%205.66%200l32-32a4%204%200%200%200%200-5.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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