hand fist icon

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

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

5 other variants in Phosphor

hand-fist hand-fist-bold hand-fist-duotone hand-fist-light hand-fist-thin

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="M232 120v8a104 104 0 0 1-104.37 104c-54-.19-98-42.06-103.12-94.78a4 4 0 0 1 5.56-4A35.94 35.94 0 0 0 72 122.59a35.92 35.92 0 0 0 53.94 2.33a40.36 40.36 0 0 0 12.87 13A47.94 47.94 0 0 0 120 176a8 8 0 0 0 8.67 8a8.21 8.21 0 0 0 7.33-8.26A32 32 0 0 1 168 144a8 8 0 0 0 8-8.53a8.18 8.18 0 0 0-8.25-7.47H160a24 24 0 0 1-24-24V88h64a32 32 0 0 1 32 32m-187.27 0C55.57 119.6 64 110.37 64 99.52v-23C64 65.63 55.57 56.4 44.73 56A20 20 0 0 0 24 76v24a20 20 0 0 0 20.73 20m56 0c10.84-.39 19.27-9.62 19.27-20.47v-47c0-10.85-8.43-20.08-19.27-20.47A20 20 0 0 0 80 52v48a20 20 0 0 0 20.73 20M176 52a20 20 0 0 0-20.73-20c-10.84.4-19.27 9.63-19.27 20.48V72h36a4 4 0 0 0 4-4Z"/></svg>

React

import type { SVGProps } from "react";

export function PhHandFistFill(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 120v8a104 104 0 0 1-104.37 104c-54-.19-98-42.06-103.12-94.78a4 4 0 0 1 5.56-4A35.94 35.94 0 0 0 72 122.59a35.92 35.92 0 0 0 53.94 2.33a40.36 40.36 0 0 0 12.87 13A47.94 47.94 0 0 0 120 176a8 8 0 0 0 8.67 8a8.21 8.21 0 0 0 7.33-8.26A32 32 0 0 1 168 144a8 8 0 0 0 8-8.53a8.18 8.18 0 0 0-8.25-7.47H160a24 24 0 0 1-24-24V88h64a32 32 0 0 1 32 32m-187.27 0C55.57 119.6 64 110.37 64 99.52v-23C64 65.63 55.57 56.4 44.73 56A20 20 0 0 0 24 76v24a20 20 0 0 0 20.73 20m56 0c10.84-.39 19.27-9.62 19.27-20.47v-47c0-10.85-8.43-20.08-19.27-20.47A20 20 0 0 0 80 52v48a20 20 0 0 0 20.73 20M176 52a20 20 0 0 0-20.73-20c-10.84.4-19.27 9.63-19.27 20.48V72h36a4 4 0 0 0 4-4Z"/></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 120v8a104 104 0 0 1-104.37 104c-54-.19-98-42.06-103.12-94.78a4 4 0 0 1 5.56-4A35.94 35.94 0 0 0 72 122.59a35.92 35.92 0 0 0 53.94 2.33a40.36 40.36 0 0 0 12.87 13A47.94 47.94 0 0 0 120 176a8 8 0 0 0 8.67 8a8.21 8.21 0 0 0 7.33-8.26A32 32 0 0 1 168 144a8 8 0 0 0 8-8.53a8.18 8.18 0 0 0-8.25-7.47H160a24 24 0 0 1-24-24V88h64a32 32 0 0 1 32 32m-187.27 0C55.57 119.6 64 110.37 64 99.52v-23C64 65.63 55.57 56.4 44.73 56A20 20 0 0 0 24 76v24a20 20 0 0 0 20.73 20m56 0c10.84-.39 19.27-9.62 19.27-20.47v-47c0-10.85-8.43-20.08-19.27-20.47A20 20 0 0 0 80 52v48a20 20 0 0 0 20.73 20M176 52a20 20 0 0 0-20.73-20c-10.84.4-19.27 9.63-19.27 20.48V72h36a4 4 0 0 0 4-4Z"/></svg>
</template>

CSS

.icon-hand-fist-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%22M232%20120v8a104%20104%200%200%201-104.37%20104c-54-.19-98-42.06-103.12-94.78a4%204%200%200%201%205.56-4A35.94%2035.94%200%200%200%2072%20122.59a35.92%2035.92%200%200%200%2053.94%202.33a40.36%2040.36%200%200%200%2012.87%2013A47.94%2047.94%200%200%200%20120%20176a8%208%200%200%200%208.67%208a8.21%208.21%200%200%200%207.33-8.26A32%2032%200%200%201%20168%20144a8%208%200%200%200%208-8.53a8.18%208.18%200%200%200-8.25-7.47H160a24%2024%200%200%201-24-24V88h64a32%2032%200%200%201%2032%2032m-187.27%200C55.57%20119.6%2064%20110.37%2064%2099.52v-23C64%2065.63%2055.57%2056.4%2044.73%2056A20%2020%200%200%200%2024%2076v24a20%2020%200%200%200%2020.73%2020m56%200c10.84-.39%2019.27-9.62%2019.27-20.47v-47c0-10.85-8.43-20.08-19.27-20.47A20%2020%200%200%200%2080%2052v48a20%2020%200%200%200%2020.73%2020M176%2052a20%2020%200%200%200-20.73-20c-10.84.4-19.27%209.63-19.27%2020.48V72h36a4%204%200%200%200%204-4Z%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%20120v8a104%20104%200%200%201-104.37%20104c-54-.19-98-42.06-103.12-94.78a4%204%200%200%201%205.56-4A35.94%2035.94%200%200%200%2072%20122.59a35.92%2035.92%200%200%200%2053.94%202.33a40.36%2040.36%200%200%200%2012.87%2013A47.94%2047.94%200%200%200%20120%20176a8%208%200%200%200%208.67%208a8.21%208.21%200%200%200%207.33-8.26A32%2032%200%200%201%20168%20144a8%208%200%200%200%208-8.53a8.18%208.18%200%200%200-8.25-7.47H160a24%2024%200%200%201-24-24V88h64a32%2032%200%200%201%2032%2032m-187.27%200C55.57%20119.6%2064%20110.37%2064%2099.52v-23C64%2065.63%2055.57%2056.4%2044.73%2056A20%2020%200%200%200%2024%2076v24a20%2020%200%200%200%2020.73%2020m56%200c10.84-.39%2019.27-9.62%2019.27-20.47v-47c0-10.85-8.43-20.08-19.27-20.47A20%2020%200%200%200%2080%2052v48a20%2020%200%200%200%2020.73%2020M176%2052a20%2020%200%200%200-20.73-20c-10.84.4-19.27%209.63-19.27%2020.48V72h36a4%204%200%200%200%204-4Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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