hand back fist icon
hand-back-fist from Font Awesome Regular by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- hand-back-fist
- Set
- Font Awesome Regular
- Style
- Regular
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome Regular
Use the hand back fist icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224 464c-17.7 0-32 14.3-32 32v48c0 17.7 14.3 32 32 32h224c17.7 0 32-14.3 32-32v-48c0-17.7-14.3-32-32-32zm-22.8-48h64.6l-79.5-88.3c-6.6-7.4-10.3-16.9-10.3-26.8V268c0-16.1 11.9-29.5 27.4-31.7c11.8-1.7 20.6-11.8 20.6-23.8V136c0-13.3 10.7-24 24-24c7.2 0 13.6 3.1 18 8.1c4.6 5.2 11.1 8.1 18 8.1s13.4-3 18-8.1c4.4-5 10.8-8.1 18-8.1c8.5 0 15.9 4.4 20.2 11.1c6.9 10.7 20.9 14.2 32 8c3.5-1.9 7.4-3.1 11.8-3.1c10.6 0 19.7 6.9 22.8 16.6c3.8 11.7 15.9 18.7 28 16c1.7-.4 3.4-.6 5.2-.6c13.3 0 24 10.7 24 24v92.2c0 14.4-3.5 28.5-10.2 41.2L401.6 416h54.3l40.3-76.2c10.4-19.6 15.8-41.5 15.8-63.6V184c0-38.4-30.1-69.8-68.1-71.9C431 92.8 409 80 384 80c-5.7 0-11.2.7-16.5 1.9C354.8 70.8 338.2 64 320 64c-13.1 0-25.4 3.5-36 9.6c-10.6-6.1-22.9-9.6-36-9.6c-39.8 0-72 32.2-72 72v58.7c-28.3 12.3-48 40.5-48 73.3v32.9c0 21.7 8 42.7 22.6 58.9z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7RegularHandBackFist(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224 464c-17.7 0-32 14.3-32 32v48c0 17.7 14.3 32 32 32h224c17.7 0 32-14.3 32-32v-48c0-17.7-14.3-32-32-32zm-22.8-48h64.6l-79.5-88.3c-6.6-7.4-10.3-16.9-10.3-26.8V268c0-16.1 11.9-29.5 27.4-31.7c11.8-1.7 20.6-11.8 20.6-23.8V136c0-13.3 10.7-24 24-24c7.2 0 13.6 3.1 18 8.1c4.6 5.2 11.1 8.1 18 8.1s13.4-3 18-8.1c4.4-5 10.8-8.1 18-8.1c8.5 0 15.9 4.4 20.2 11.1c6.9 10.7 20.9 14.2 32 8c3.5-1.9 7.4-3.1 11.8-3.1c10.6 0 19.7 6.9 22.8 16.6c3.8 11.7 15.9 18.7 28 16c1.7-.4 3.4-.6 5.2-.6c13.3 0 24 10.7 24 24v92.2c0 14.4-3.5 28.5-10.2 41.2L401.6 416h54.3l40.3-76.2c10.4-19.6 15.8-41.5 15.8-63.6V184c0-38.4-30.1-69.8-68.1-71.9C431 92.8 409 80 384 80c-5.7 0-11.2.7-16.5 1.9C354.8 70.8 338.2 64 320 64c-13.1 0-25.4 3.5-36 9.6c-10.6-6.1-22.9-9.6-36-9.6c-39.8 0-72 32.2-72 72v58.7c-28.3 12.3-48 40.5-48 73.3v32.9c0 21.7 8 42.7 22.6 58.9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224 464c-17.7 0-32 14.3-32 32v48c0 17.7 14.3 32 32 32h224c17.7 0 32-14.3 32-32v-48c0-17.7-14.3-32-32-32zm-22.8-48h64.6l-79.5-88.3c-6.6-7.4-10.3-16.9-10.3-26.8V268c0-16.1 11.9-29.5 27.4-31.7c11.8-1.7 20.6-11.8 20.6-23.8V136c0-13.3 10.7-24 24-24c7.2 0 13.6 3.1 18 8.1c4.6 5.2 11.1 8.1 18 8.1s13.4-3 18-8.1c4.4-5 10.8-8.1 18-8.1c8.5 0 15.9 4.4 20.2 11.1c6.9 10.7 20.9 14.2 32 8c3.5-1.9 7.4-3.1 11.8-3.1c10.6 0 19.7 6.9 22.8 16.6c3.8 11.7 15.9 18.7 28 16c1.7-.4 3.4-.6 5.2-.6c13.3 0 24 10.7 24 24v92.2c0 14.4-3.5 28.5-10.2 41.2L401.6 416h54.3l40.3-76.2c10.4-19.6 15.8-41.5 15.8-63.6V184c0-38.4-30.1-69.8-68.1-71.9C431 92.8 409 80 384 80c-5.7 0-11.2.7-16.5 1.9C354.8 70.8 338.2 64 320 64c-13.1 0-25.4 3.5-36 9.6c-10.6-6.1-22.9-9.6-36-9.6c-39.8 0-72 32.2-72 72v58.7c-28.3 12.3-48 40.5-48 73.3v32.9c0 21.7 8 42.7 22.6 58.9z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20464c-17.7%200-32%2014.3-32%2032v48c0%2017.7%2014.3%2032%2032%2032h224c17.7%200%2032-14.3%2032-32v-48c0-17.7-14.3-32-32-32zm-22.8-48h64.6l-79.5-88.3c-6.6-7.4-10.3-16.9-10.3-26.8V268c0-16.1%2011.9-29.5%2027.4-31.7c11.8-1.7%2020.6-11.8%2020.6-23.8V136c0-13.3%2010.7-24%2024-24c7.2%200%2013.6%203.1%2018%208.1c4.6%205.2%2011.1%208.1%2018%208.1s13.4-3%2018-8.1c4.4-5%2010.8-8.1%2018-8.1c8.5%200%2015.9%204.4%2020.2%2011.1c6.9%2010.7%2020.9%2014.2%2032%208c3.5-1.9%207.4-3.1%2011.8-3.1c10.6%200%2019.7%206.9%2022.8%2016.6c3.8%2011.7%2015.9%2018.7%2028%2016c1.7-.4%203.4-.6%205.2-.6c13.3%200%2024%2010.7%2024%2024v92.2c0%2014.4-3.5%2028.5-10.2%2041.2L401.6%20416h54.3l40.3-76.2c10.4-19.6%2015.8-41.5%2015.8-63.6V184c0-38.4-30.1-69.8-68.1-71.9C431%2092.8%20409%2080%20384%2080c-5.7%200-11.2.7-16.5%201.9C354.8%2070.8%20338.2%2064%20320%2064c-13.1%200-25.4%203.5-36%209.6c-10.6-6.1-22.9-9.6-36-9.6c-39.8%200-72%2032.2-72%2072v58.7c-28.3%2012.3-48%2040.5-48%2073.3v32.9c0%2021.7%208%2042.7%2022.6%2058.9z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%20464c-17.7%200-32%2014.3-32%2032v48c0%2017.7%2014.3%2032%2032%2032h224c17.7%200%2032-14.3%2032-32v-48c0-17.7-14.3-32-32-32zm-22.8-48h64.6l-79.5-88.3c-6.6-7.4-10.3-16.9-10.3-26.8V268c0-16.1%2011.9-29.5%2027.4-31.7c11.8-1.7%2020.6-11.8%2020.6-23.8V136c0-13.3%2010.7-24%2024-24c7.2%200%2013.6%203.1%2018%208.1c4.6%205.2%2011.1%208.1%2018%208.1s13.4-3%2018-8.1c4.4-5%2010.8-8.1%2018-8.1c8.5%200%2015.9%204.4%2020.2%2011.1c6.9%2010.7%2020.9%2014.2%2032%208c3.5-1.9%207.4-3.1%2011.8-3.1c10.6%200%2019.7%206.9%2022.8%2016.6c3.8%2011.7%2015.9%2018.7%2028%2016c1.7-.4%203.4-.6%205.2-.6c13.3%200%2024%2010.7%2024%2024v92.2c0%2014.4-3.5%2028.5-10.2%2041.2L401.6%20416h54.3l40.3-76.2c10.4-19.6%2015.8-41.5%2015.8-63.6V184c0-38.4-30.1-69.8-68.1-71.9C431%2092.8%20409%2080%20384%2080c-5.7%200-11.2.7-16.5%201.9C354.8%2070.8%20338.2%2064%20320%2064c-13.1%200-25.4%203.5-36%209.6c-10.6-6.1-22.9-9.6-36-9.6c-39.8%200-72%2032.2-72%2072v58.7c-28.3%2012.3-48%2040.5-48%2073.3v32.9c0%2021.7%208%2042.7%2022.6%2058.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-regular/hand-back-fist.svg?color=%231a73e8&size=48
