hand back fist icon
hand-back-fist from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- hand-back-fist
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 448×512
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome 6 Solid
Use the hand back fist icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M144 0c-26.5 0-48 21.5-48 48v128c0 8.8-7.2 16-16 16s-16-7.2-16-16v-26.7l-9 7.5C40.4 169 32 187 32 206v38c0 38 16.9 74 46.1 98.3L128 384v96c0 17.7 14.3 32 32 32h160c17.7 0 32-14.3 32-32V374.7c46.9-19 80-65 80-118.7V144c0-26.5-21.5-48-48-48c-12.4 0-23.6 4.7-32.1 12.3C350 83.5 329.3 64 304 64c-12.4 0-23.6 4.7-32.1 12.3C270 51.5 249.3 32 224 32c-12.4 0-23.6 4.7-32.1 12.3C190 19.5 169.3 0 144 0"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidHandBackFist(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="M144 0c-26.5 0-48 21.5-48 48v128c0 8.8-7.2 16-16 16s-16-7.2-16-16v-26.7l-9 7.5C40.4 169 32 187 32 206v38c0 38 16.9 74 46.1 98.3L128 384v96c0 17.7 14.3 32 32 32h160c17.7 0 32-14.3 32-32V374.7c46.9-19 80-65 80-118.7V144c0-26.5-21.5-48-48-48c-12.4 0-23.6 4.7-32.1 12.3C350 83.5 329.3 64 304 64c-12.4 0-23.6 4.7-32.1 12.3C270 51.5 249.3 32 224 32c-12.4 0-23.6 4.7-32.1 12.3C190 19.5 169.3 0 144 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M144 0c-26.5 0-48 21.5-48 48v128c0 8.8-7.2 16-16 16s-16-7.2-16-16v-26.7l-9 7.5C40.4 169 32 187 32 206v38c0 38 16.9 74 46.1 98.3L128 384v96c0 17.7 14.3 32 32 32h160c17.7 0 32-14.3 32-32V374.7c46.9-19 80-65 80-118.7V144c0-26.5-21.5-48-48-48c-12.4 0-23.6 4.7-32.1 12.3C350 83.5 329.3 64 304 64c-12.4 0-23.6 4.7-32.1 12.3C270 51.5 249.3 32 224 32c-12.4 0-23.6 4.7-32.1 12.3C190 19.5 169.3 0 144 0"/></svg> </template>
CSS
.icon-hand-back-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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M144%200c-26.5%200-48%2021.5-48%2048v128c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-26.7l-9%207.5C40.4%20169%2032%20187%2032%20206v38c0%2038%2016.9%2074%2046.1%2098.3L128%20384v96c0%2017.7%2014.3%2032%2032%2032h160c17.7%200%2032-14.3%2032-32V374.7c46.9-19%2080-65%2080-118.7V144c0-26.5-21.5-48-48-48c-12.4%200-23.6%204.7-32.1%2012.3C350%2083.5%20329.3%2064%20304%2064c-12.4%200-23.6%204.7-32.1%2012.3C270%2051.5%20249.3%2032%20224%2032c-12.4%200-23.6%204.7-32.1%2012.3C190%2019.5%20169.3%200%20144%200%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%22M144%200c-26.5%200-48%2021.5-48%2048v128c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-26.7l-9%207.5C40.4%20169%2032%20187%2032%20206v38c0%2038%2016.9%2074%2046.1%2098.3L128%20384v96c0%2017.7%2014.3%2032%2032%2032h160c17.7%200%2032-14.3%2032-32V374.7c46.9-19%2080-65%2080-118.7V144c0-26.5-21.5-48-48-48c-12.4%200-23.6%204.7-32.1%2012.3C350%2083.5%20329.3%2064%20304%2064c-12.4%200-23.6%204.7-32.1%2012.3C270%2051.5%20249.3%2032%20224%2032c-12.4%200-23.6%204.7-32.1%2012.3C190%2019.5%20169.3%200%20144%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/hand-back-fist.svg?color=%231a73e8&size=48
