hand icon
hand from Font Awesome 6 Regular by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- hand
- Set
- Font Awesome 6 Regular
- Style
- Regular
- Viewbox
- 512×512
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome 6 Regular
Use the hand icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0c-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.5l87.7 87.7c48 48 113.1 75 181 75H304c1.5 0 3-.1 4.5-.4c91.7-6.2 165-79.4 171.1-171.1c.3-1.5.4-3 .4-4.5V160c0-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 4C303.2 14.7 281.3 0 256 0m-16 96.1V64c0-8.8 7.2-16 16-16s16 7.2 16 16v168c0 13.3 10.7 24 24 24s24-10.7 24-24V95.9c0-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.2h-13.4c-55.2 0-108.1-21.9-147.1-60.9l-87.7-87.7c-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.2V96c0-8.8 7.2-16 16-16s16 7.1 16 15.9V232c0 13.3 10.7 24 24 24s24-10.7 24-24z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6RegularHand(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0c-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.5l87.7 87.7c48 48 113.1 75 181 75H304c1.5 0 3-.1 4.5-.4c91.7-6.2 165-79.4 171.1-171.1c.3-1.5.4-3 .4-4.5V160c0-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 4C303.2 14.7 281.3 0 256 0m-16 96.1V64c0-8.8 7.2-16 16-16s16 7.2 16 16v168c0 13.3 10.7 24 24 24s24-10.7 24-24V95.9c0-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.2h-13.4c-55.2 0-108.1-21.9-147.1-60.9l-87.7-87.7c-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.2V96c0-8.8 7.2-16 16-16s16 7.1 16 15.9V232c0 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 512 512"><path fill="currentColor" d="M256 0c-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.5l87.7 87.7c48 48 113.1 75 181 75H304c1.5 0 3-.1 4.5-.4c91.7-6.2 165-79.4 171.1-171.1c.3-1.5.4-3 .4-4.5V160c0-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 4C303.2 14.7 281.3 0 256 0m-16 96.1V64c0-8.8 7.2-16 16-16s16 7.2 16 16v168c0 13.3 10.7 24 24 24s24-10.7 24-24V95.9c0-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.2h-13.4c-55.2 0-108.1-21.9-147.1-60.9l-87.7-87.7c-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.2V96c0-8.8 7.2-16 16-16s16 7.1 16 15.9V232c0 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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%200c-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.5l87.7%2087.7c48%2048%20113.1%2075%20181%2075H304c1.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.5V160c0-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%204C303.2%2014.7%20281.3%200%20256%200m-16%2096.1V64c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v168c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24V95.9c0-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.2h-13.4c-55.2%200-108.1-21.9-147.1-60.9l-87.7-87.7c-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.2V96c0-8.8%207.2-16%2016-16s16%207.1%2016%2015.9V232c0%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%200c-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.5l87.7%2087.7c48%2048%20113.1%2075%20181%2075H304c1.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.5V160c0-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%204C303.2%2014.7%20281.3%200%20256%200m-16%2096.1V64c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v168c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24V95.9c0-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.2h-13.4c-55.2%200-108.1-21.9-147.1-60.9l-87.7-87.7c-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.2V96c0-8.8%207.2-16%2016-16s16%207.1%2016%2015.9V232c0%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/fa6-regular/hand.svg?color=%231a73e8&size=48
