hand fist icon

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

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

5 other variants in Phosphor

hand-fist hand-fist-bold hand-fist-duotone hand-fist-fill hand-fist-light

The same icon in other sets

hand-fistFont Awesome 6 Solid hand-fistFont Awesome Solid hand-fistHuge Icons hand-fistLucide

Related icons in Phosphor

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

Use the hand fist icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200 84h-20V64a28 28 0 0 0-52-14.41A28 28 0 0 0 76 64v4.43A28 28 0 0 0 28 88v40a100 100 0 0 0 200 0v-16a28 28 0 0 0-28-28m-48-40a20 20 0 0 1 20 20v20h-36a11.8 11.8 0 0 0-4 .7V64a20 20 0 0 1 20-20M84 64a20 20 0 0 1 40 0v40a20 20 0 0 1-40 0ZM36 88a20 20 0 0 1 40 0v16a20 20 0 0 1-40 0Zm184 40a92 92 0 0 1-184 0v-4.42a28 28 0 0 0 44-5.17a28 28 0 0 0 45.73 3.23a28.11 28.11 0 0 0 18.59 17.29A44 44 0 0 0 124 176a4 4 0 0 0 8 0a36 36 0 0 1 36-36a4 4 0 0 0 0-8h-16a20 20 0 0 1-20-20V96a4 4 0 0 1 4-4h64a20 20 0 0 1 20 20Z"/></svg>

React

import type { SVGProps } from "react";

export function PhHandFistThin(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="M200 84h-20V64a28 28 0 0 0-52-14.41A28 28 0 0 0 76 64v4.43A28 28 0 0 0 28 88v40a100 100 0 0 0 200 0v-16a28 28 0 0 0-28-28m-48-40a20 20 0 0 1 20 20v20h-36a11.8 11.8 0 0 0-4 .7V64a20 20 0 0 1 20-20M84 64a20 20 0 0 1 40 0v40a20 20 0 0 1-40 0ZM36 88a20 20 0 0 1 40 0v16a20 20 0 0 1-40 0Zm184 40a92 92 0 0 1-184 0v-4.42a28 28 0 0 0 44-5.17a28 28 0 0 0 45.73 3.23a28.11 28.11 0 0 0 18.59 17.29A44 44 0 0 0 124 176a4 4 0 0 0 8 0a36 36 0 0 1 36-36a4 4 0 0 0 0-8h-16a20 20 0 0 1-20-20V96a4 4 0 0 1 4-4h64a20 20 0 0 1 20 20Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200 84h-20V64a28 28 0 0 0-52-14.41A28 28 0 0 0 76 64v4.43A28 28 0 0 0 28 88v40a100 100 0 0 0 200 0v-16a28 28 0 0 0-28-28m-48-40a20 20 0 0 1 20 20v20h-36a11.8 11.8 0 0 0-4 .7V64a20 20 0 0 1 20-20M84 64a20 20 0 0 1 40 0v40a20 20 0 0 1-40 0ZM36 88a20 20 0 0 1 40 0v16a20 20 0 0 1-40 0Zm184 40a92 92 0 0 1-184 0v-4.42a28 28 0 0 0 44-5.17a28 28 0 0 0 45.73 3.23a28.11 28.11 0 0 0 18.59 17.29A44 44 0 0 0 124 176a4 4 0 0 0 8 0a36 36 0 0 1 36-36a4 4 0 0 0 0-8h-16a20 20 0 0 1-20-20V96a4 4 0 0 1 4-4h64a20 20 0 0 1 20 20Z"/></svg>
</template>

CSS

.icon-hand-fist-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%22M200%2084h-20V64a28%2028%200%200%200-52-14.41A28%2028%200%200%200%2076%2064v4.43A28%2028%200%200%200%2028%2088v40a100%20100%200%200%200%20200%200v-16a28%2028%200%200%200-28-28m-48-40a20%2020%200%200%201%2020%2020v20h-36a11.8%2011.8%200%200%200-4%20.7V64a20%2020%200%200%201%2020-20M84%2064a20%2020%200%200%201%2040%200v40a20%2020%200%200%201-40%200ZM36%2088a20%2020%200%200%201%2040%200v16a20%2020%200%200%201-40%200Zm184%2040a92%2092%200%200%201-184%200v-4.42a28%2028%200%200%200%2044-5.17a28%2028%200%200%200%2045.73%203.23a28.11%2028.11%200%200%200%2018.59%2017.29A44%2044%200%200%200%20124%20176a4%204%200%200%200%208%200a36%2036%200%200%201%2036-36a4%204%200%200%200%200-8h-16a20%2020%200%200%201-20-20V96a4%204%200%200%201%204-4h64a20%2020%200%200%201%2020%2020Z%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%22M200%2084h-20V64a28%2028%200%200%200-52-14.41A28%2028%200%200%200%2076%2064v4.43A28%2028%200%200%200%2028%2088v40a100%20100%200%200%200%20200%200v-16a28%2028%200%200%200-28-28m-48-40a20%2020%200%200%201%2020%2020v20h-36a11.8%2011.8%200%200%200-4%20.7V64a20%2020%200%200%201%2020-20M84%2064a20%2020%200%200%201%2040%200v40a20%2020%200%200%201-40%200ZM36%2088a20%2020%200%200%201%2040%200v16a20%2020%200%200%201-40%200Zm184%2040a92%2092%200%200%201-184%200v-4.42a28%2028%200%200%200%2044-5.17a28%2028%200%200%200%2045.73%203.23a28.11%2028.11%200%200%200%2018.59%2017.29A44%2044%200%200%200%20124%20176a4%204%200%200%200%208%200a36%2036%200%200%201%2036-36a4%204%200%200%200%200-8h-16a20%2020%200%200%201-20-20V96a4%204%200%200%201%204-4h64a20%2020%200%200%201%2020%2020Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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