hand icon
hand from Font Awesome Regular by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- hand
- 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 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.5 64c-25.3 0-47.2 14.7-57.6 36c-7-2.6-14.5-4-22.4-4c-35.3 0-64 28.7-64 64v165.5l-2.7-2.7c-25-25-65.5-25-90.5 0s-25 65.5 0 90.5L171 501c48 48 113.1 75 181 75h16.5c1.5 0 3-.1 4.5-.4c91.7-6.2 165-79.4 171.1-171.1c.3-1.5.4-3 .4-4.5V224c0-35.3-28.7-64-64-64c-5.5 0-10.9.7-16 2v-2c0-35.3-28.7-64-64-64c-7.9 0-15.4 1.4-22.4 4c-10.4-21.3-32.3-36-57.6-36m-16 96.1V128c0-8.8 7.2-16 16-16s16 7.2 16 16v168c0 13.3 10.7 24 24 24s24-10.7 24-24V160c0-8.8 7.2-16 16-16s16 7.2 16 16v136c0 13.3 10.7 24 24 24s24-10.7 24-24v-72c0-8.8 7.2-16 16-16s16 7.2 16 16v172.9c-.1.6-.1 1.3-.2 1.9c-3.4 69.7-59.3 125.6-129 129c-.6 0-1.3.1-1.9.2H352c-55.1 0-108-21.9-147-60.9l-87.8-87.8c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l43.7 43.7c6.9 6.9 17.2 8.9 26.2 5.2s14.8-12.5 14.8-22.2V160c0-8.8 7.2-16 16-16s16 7.1 16 15.9V296c0 13.3 10.7 24 24 24s24-10.7 24-24z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7RegularHand(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="M320.5 64c-25.3 0-47.2 14.7-57.6 36c-7-2.6-14.5-4-22.4-4c-35.3 0-64 28.7-64 64v165.5l-2.7-2.7c-25-25-65.5-25-90.5 0s-25 65.5 0 90.5L171 501c48 48 113.1 75 181 75h16.5c1.5 0 3-.1 4.5-.4c91.7-6.2 165-79.4 171.1-171.1c.3-1.5.4-3 .4-4.5V224c0-35.3-28.7-64-64-64c-5.5 0-10.9.7-16 2v-2c0-35.3-28.7-64-64-64c-7.9 0-15.4 1.4-22.4 4c-10.4-21.3-32.3-36-57.6-36m-16 96.1V128c0-8.8 7.2-16 16-16s16 7.2 16 16v168c0 13.3 10.7 24 24 24s24-10.7 24-24V160c0-8.8 7.2-16 16-16s16 7.2 16 16v136c0 13.3 10.7 24 24 24s24-10.7 24-24v-72c0-8.8 7.2-16 16-16s16 7.2 16 16v172.9c-.1.6-.1 1.3-.2 1.9c-3.4 69.7-59.3 125.6-129 129c-.6 0-1.3.1-1.9.2H352c-55.1 0-108-21.9-147-60.9l-87.8-87.8c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l43.7 43.7c6.9 6.9 17.2 8.9 26.2 5.2s14.8-12.5 14.8-22.2V160c0-8.8 7.2-16 16-16s16 7.1 16 15.9V296c0 13.3 10.7 24 24 24s24-10.7 24-24z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.5 64c-25.3 0-47.2 14.7-57.6 36c-7-2.6-14.5-4-22.4-4c-35.3 0-64 28.7-64 64v165.5l-2.7-2.7c-25-25-65.5-25-90.5 0s-25 65.5 0 90.5L171 501c48 48 113.1 75 181 75h16.5c1.5 0 3-.1 4.5-.4c91.7-6.2 165-79.4 171.1-171.1c.3-1.5.4-3 .4-4.5V224c0-35.3-28.7-64-64-64c-5.5 0-10.9.7-16 2v-2c0-35.3-28.7-64-64-64c-7.9 0-15.4 1.4-22.4 4c-10.4-21.3-32.3-36-57.6-36m-16 96.1V128c0-8.8 7.2-16 16-16s16 7.2 16 16v168c0 13.3 10.7 24 24 24s24-10.7 24-24V160c0-8.8 7.2-16 16-16s16 7.2 16 16v136c0 13.3 10.7 24 24 24s24-10.7 24-24v-72c0-8.8 7.2-16 16-16s16 7.2 16 16v172.9c-.1.6-.1 1.3-.2 1.9c-3.4 69.7-59.3 125.6-129 129c-.6 0-1.3.1-1.9.2H352c-55.1 0-108-21.9-147-60.9l-87.8-87.8c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l43.7 43.7c6.9 6.9 17.2 8.9 26.2 5.2s14.8-12.5 14.8-22.2V160c0-8.8 7.2-16 16-16s16 7.1 16 15.9V296c0 13.3 10.7 24 24 24s24-10.7 24-24z"/></svg> </template>
CSS
.icon-hand {
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%22M320.5%2064c-25.3%200-47.2%2014.7-57.6%2036c-7-2.6-14.5-4-22.4-4c-35.3%200-64%2028.7-64%2064v165.5l-2.7-2.7c-25-25-65.5-25-90.5%200s-25%2065.5%200%2090.5L171%20501c48%2048%20113.1%2075%20181%2075h16.5c1.5%200%203-.1%204.5-.4c91.7-6.2%20165-79.4%20171.1-171.1c.3-1.5.4-3%20.4-4.5V224c0-35.3-28.7-64-64-64c-5.5%200-10.9.7-16%202v-2c0-35.3-28.7-64-64-64c-7.9%200-15.4%201.4-22.4%204c-10.4-21.3-32.3-36-57.6-36m-16%2096.1V128c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v168c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24V160c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v136c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-72c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v172.9c-.1.6-.1%201.3-.2%201.9c-3.4%2069.7-59.3%20125.6-129%20129c-.6%200-1.3.1-1.9.2H352c-55.1%200-108-21.9-147-60.9l-87.8-87.8c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200l43.7%2043.7c6.9%206.9%2017.2%208.9%2026.2%205.2s14.8-12.5%2014.8-22.2V160c0-8.8%207.2-16%2016-16s16%207.1%2016%2015.9V296c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24z%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%22M320.5%2064c-25.3%200-47.2%2014.7-57.6%2036c-7-2.6-14.5-4-22.4-4c-35.3%200-64%2028.7-64%2064v165.5l-2.7-2.7c-25-25-65.5-25-90.5%200s-25%2065.5%200%2090.5L171%20501c48%2048%20113.1%2075%20181%2075h16.5c1.5%200%203-.1%204.5-.4c91.7-6.2%20165-79.4%20171.1-171.1c.3-1.5.4-3%20.4-4.5V224c0-35.3-28.7-64-64-64c-5.5%200-10.9.7-16%202v-2c0-35.3-28.7-64-64-64c-7.9%200-15.4%201.4-22.4%204c-10.4-21.3-32.3-36-57.6-36m-16%2096.1V128c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v168c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24V160c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v136c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-72c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v172.9c-.1.6-.1%201.3-.2%201.9c-3.4%2069.7-59.3%20125.6-129%20129c-.6%200-1.3.1-1.9.2H352c-55.1%200-108-21.9-147-60.9l-87.8-87.8c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200l43.7%2043.7c6.9%206.9%2017.2%208.9%2026.2%205.2s14.8-12.5%2014.8-22.2V160c0-8.8%207.2-16%2016-16s16%207.1%2016%2015.9V296c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-regular/hand.svg?color=%231a73e8&size=48
