fist icon

fist from IconPark by ByteDance · Color · Hands · Apache-2.0 Free for personal and commercial use.

Name: fist
Set: IconPark
Style: Color
Category: Hands
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

fistIconPark Outline fistIconPark Solid fistIconPark TwoTone

More hands icons from IconPark

bad bad-one bad-two bless bye clap click-tap click-tap-two come concept-sharing cool delivery easy empty fingerprint fingerprint-three fingerprint-two first five five-five flirt four four-four good

Use the fist icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M34 41C28.1693 44.1747 21.5 43.5 18 42C14.5 40.5 6 35.5 6 27C6 22.7533 11.7711 20.6707 13.51 20.1396C13.7979 20.0517 14 19.7888 14 19.4878V12C14 10.067 15.567 8.5 17.5 8.5C19.433 8.5 21 10.067 21 12V9.49999C21 7.567 22.567 6 24.5 6C26.433 6 28 7.567 28 9.49999V12C28 10.067 29.567 8.5 31.5 8.5C33.433 8.5 35 10.067 35 12L35 16.4931C35.0037 14.5633 36.5693 13 38.5 13C40.433 13 42 14.5631 42 16.4961V30C42 34 38.13 38.7513 34 41Z"/></svg>

React

import type { SVGProps } from "react";

export function IconParkFist(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#2F88FF" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M34 41C28.1693 44.1747 21.5 43.5 18 42C14.5 40.5 6 35.5 6 27C6 22.7533 11.7711 20.6707 13.51 20.1396C13.7979 20.0517 14 19.7888 14 19.4878V12C14 10.067 15.567 8.5 17.5 8.5C19.433 8.5 21 10.067 21 12V9.49999C21 7.567 22.567 6 24.5 6C26.433 6 28 7.567 28 9.49999V12C28 10.067 29.567 8.5 31.5 8.5C33.433 8.5 35 10.067 35 12L35 16.4931C35.0037 14.5633 36.5693 13 38.5 13C40.433 13 42 14.5631 42 16.4961V30C42 34 38.13 38.7513 34 41Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M34 41C28.1693 44.1747 21.5 43.5 18 42C14.5 40.5 6 35.5 6 27C6 22.7533 11.7711 20.6707 13.51 20.1396C13.7979 20.0517 14 19.7888 14 19.4878V12C14 10.067 15.567 8.5 17.5 8.5C19.433 8.5 21 10.067 21 12V9.49999C21 7.567 22.567 6 24.5 6C26.433 6 28 7.567 28 9.49999V12C28 10.067 29.567 8.5 31.5 8.5C33.433 8.5 35 10.067 35 12L35 16.4931C35.0037 14.5633 36.5693 13 38.5 13C40.433 13 42 14.5631 42 16.4961V30C42 34 38.13 38.7513 34 41Z"/></svg>
</template>

CSS

.icon-fist {
  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%2048%2048%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M34%2041C28.1693%2044.1747%2021.5%2043.5%2018%2042C14.5%2040.5%206%2035.5%206%2027C6%2022.7533%2011.7711%2020.6707%2013.51%2020.1396C13.7979%2020.0517%2014%2019.7888%2014%2019.4878V12C14%2010.067%2015.567%208.5%2017.5%208.5C19.433%208.5%2021%2010.067%2021%2012V9.49999C21%207.567%2022.567%206%2024.5%206C26.433%206%2028%207.567%2028%209.49999V12C28%2010.067%2029.567%208.5%2031.5%208.5C33.433%208.5%2035%2010.067%2035%2012L35%2016.4931C35.0037%2014.5633%2036.5693%2013%2038.5%2013C40.433%2013%2042%2014.5631%2042%2016.4961V30C42%2034%2038.13%2038.7513%2034%2041Z%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%2048%2048%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M34%2041C28.1693%2044.1747%2021.5%2043.5%2018%2042C14.5%2040.5%206%2035.5%206%2027C6%2022.7533%2011.7711%2020.6707%2013.51%2020.1396C13.7979%2020.0517%2014%2019.7888%2014%2019.4878V12C14%2010.067%2015.567%208.5%2017.5%208.5C19.433%208.5%2021%2010.067%2021%2012V9.49999C21%207.567%2022.567%206%2024.5%206C26.433%206%2028%207.567%2028%209.49999V12C28%2010.067%2029.567%208.5%2031.5%208.5C33.433%208.5%2035%2010.067%2035%2012L35%2016.4931C35.0037%2014.5633%2036.5693%2013%2038.5%2013C40.433%2013%2042%2014.5631%2042%2016.4961V30C42%2034%2038.13%2038.7513%2034%2041Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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