hand middle finger icon

hand-middle-finger from Font Awesome 6 Solid by Dave Gandy · Regular · Hands · CC-BY-4.0 Attribution required.

Name
hand-middle-finger
Set
Font Awesome 6 Solid
Style
Regular
Category
Hands
Viewbox
448×512
License
CC BY 4.0

The same icon in other sets

hand-middle-fingerFont Awesome Solidhand-middle-fingerLine Awesomehand-middle-fingerTabler Icons

More hands icons from Font Awesome 6 Solid

hand-holdinghand-holding-medicalhand-lizardhand-peacehand-scissorshand-sparkleshand-spockhandshandshake-slashthumbs-downthumbs-uphand-holding-hearthand-point-downhand-point-lefthand-point-righthand-point-uphand-pointerhand-back-fisthand-dotshand-fisthand-holding-dollarhand-holding-droplethand-holding-hand

Use the hand middle finger icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M232 0c-22.1 0-40 17.9-40 40v164.2c-8.5-7.6-19.7-12.2-32-12.2c-26.5 0-48 21.5-48 48v80c0 8.8-7.2 16-16 16s-16-7.2-16-16v-55.7c-2 1.4-3.9 3-5.8 4.5l-19.2 16C40.4 297 32 315 32 334v38c0 38 16.9 74 46.1 98.3l5.4 4.5c28.8 24 65 37.1 102.4 37.1l118.1.1c70.7 0 128-57.3 128-128v-96c0-26.5-21.5-48-48-48c-12.4 0-23.6 4.7-32.1 12.3C350 227.5 329.3 208 304 208c-12.3 0-23.5 4.6-32 12.2V40c0-22.1-17.9-40-40-40"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidHandMiddleFinger(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M232 0c-22.1 0-40 17.9-40 40v164.2c-8.5-7.6-19.7-12.2-32-12.2c-26.5 0-48 21.5-48 48v80c0 8.8-7.2 16-16 16s-16-7.2-16-16v-55.7c-2 1.4-3.9 3-5.8 4.5l-19.2 16C40.4 297 32 315 32 334v38c0 38 16.9 74 46.1 98.3l5.4 4.5c28.8 24 65 37.1 102.4 37.1l118.1.1c70.7 0 128-57.3 128-128v-96c0-26.5-21.5-48-48-48c-12.4 0-23.6 4.7-32.1 12.3C350 227.5 329.3 208 304 208c-12.3 0-23.5 4.6-32 12.2V40c0-22.1-17.9-40-40-40"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M232 0c-22.1 0-40 17.9-40 40v164.2c-8.5-7.6-19.7-12.2-32-12.2c-26.5 0-48 21.5-48 48v80c0 8.8-7.2 16-16 16s-16-7.2-16-16v-55.7c-2 1.4-3.9 3-5.8 4.5l-19.2 16C40.4 297 32 315 32 334v38c0 38 16.9 74 46.1 98.3l5.4 4.5c28.8 24 65 37.1 102.4 37.1l118.1.1c70.7 0 128-57.3 128-128v-96c0-26.5-21.5-48-48-48c-12.4 0-23.6 4.7-32.1 12.3C350 227.5 329.3 208 304 208c-12.3 0-23.5 4.6-32 12.2V40c0-22.1-17.9-40-40-40"/></svg>
</template>

CSS

.icon-hand-middle-finger {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%200c-22.1%200-40%2017.9-40%2040v164.2c-8.5-7.6-19.7-12.2-32-12.2c-26.5%200-48%2021.5-48%2048v80c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-55.7c-2%201.4-3.9%203-5.8%204.5l-19.2%2016C40.4%20297%2032%20315%2032%20334v38c0%2038%2016.9%2074%2046.1%2098.3l5.4%204.5c28.8%2024%2065%2037.1%20102.4%2037.1l118.1.1c70.7%200%20128-57.3%20128-128v-96c0-26.5-21.5-48-48-48c-12.4%200-23.6%204.7-32.1%2012.3C350%20227.5%20329.3%20208%20304%20208c-12.3%200-23.5%204.6-32%2012.2V40c0-22.1-17.9-40-40-40%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%200c-22.1%200-40%2017.9-40%2040v164.2c-8.5-7.6-19.7-12.2-32-12.2c-26.5%200-48%2021.5-48%2048v80c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-55.7c-2%201.4-3.9%203-5.8%204.5l-19.2%2016C40.4%20297%2032%20315%2032%20334v38c0%2038%2016.9%2074%2046.1%2098.3l5.4%204.5c28.8%2024%2065%2037.1%20102.4%2037.1l118.1.1c70.7%200%20128-57.3%20128-128v-96c0-26.5-21.5-48-48-48c-12.4%200-23.6%204.7-32.1%2012.3C350%20227.5%20329.3%20208%20304%20208c-12.3%200-23.5%204.6-32%2012.2V40c0-22.1-17.9-40-40-40%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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