emoji hand icon
emoji-hand-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- emoji-hand-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- Viewbox
- 32×32
- License
- MIT
11 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the emoji hand icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.388 3.162a2.498 2.498 0 0 1 4.224 0A2.5 2.5 0 0 1 16 5.5v4.907c.89-.298 1.69-.305 2.395-.03c1.053.412 1.57 1.331 1.812 1.94c.45 1.132-.347 2.079-1.103 2.402c-1.114.476-3.283 1.618-4.997 3.81C13.055 19.876 11.45 21 9.527 21H8.266a5 5 0 0 1-4.288-2.427l-1.122-1.87A6 6 0 0 1 2 13.614V6.5a2.5 2.5 0 0 1 3.388-2.338a2.5 2.5 0 0 1 3-1M14 5.5a.5.5 0 0 0-1 0V10a1 1 0 1 1-2 0V4.5a.5.5 0 0 0-1 0V10a1 1 0 1 1-2 0V5.5a.5.5 0 0 0-1 0V11a1 1 0 1 1-2 0V6.5a.5.5 0 0 0-1 0v7.115a4 4 0 0 0 .57 2.058l1.122 1.87A3 3 0 0 0 8.265 19h1.263c1.108 0 2.19-.66 3.004-1.702c1.979-2.531 4.452-3.843 5.746-4.401c-.155-.325-.36-.559-.61-.656c-.254-.1-.878-.18-2.138.607A1 1 0 0 1 14 12zm-2.832 16.788C12.004 26.68 15.865 30 20.5 30a9.5 9.5 0 0 0 9.5-9.5c0-4.995-3.855-9.09-8.752-9.471a6 6 0 0 1 .353.735c.19.478.261.933.243 1.356a7.5 7.5 0 1 1-8.782 8.348a7 7 0 0 1-1.894.82m5.203.263a1 1 0 0 1 1.406.149A3.5 3.5 0 0 0 20.5 24c1.099 0 2.08-.505 2.723-1.3a1 1 0 0 1 1.554 1.258A5.5 5.5 0 0 1 20.5 26a5.5 5.5 0 0 1-4.277-2.042a1 1 0 0 1 .148-1.407M18 20.25a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M24.25 19a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHand32Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.388 3.162a2.498 2.498 0 0 1 4.224 0A2.5 2.5 0 0 1 16 5.5v4.907c.89-.298 1.69-.305 2.395-.03c1.053.412 1.57 1.331 1.812 1.94c.45 1.132-.347 2.079-1.103 2.402c-1.114.476-3.283 1.618-4.997 3.81C13.055 19.876 11.45 21 9.527 21H8.266a5 5 0 0 1-4.288-2.427l-1.122-1.87A6 6 0 0 1 2 13.614V6.5a2.5 2.5 0 0 1 3.388-2.338a2.5 2.5 0 0 1 3-1M14 5.5a.5.5 0 0 0-1 0V10a1 1 0 1 1-2 0V4.5a.5.5 0 0 0-1 0V10a1 1 0 1 1-2 0V5.5a.5.5 0 0 0-1 0V11a1 1 0 1 1-2 0V6.5a.5.5 0 0 0-1 0v7.115a4 4 0 0 0 .57 2.058l1.122 1.87A3 3 0 0 0 8.265 19h1.263c1.108 0 2.19-.66 3.004-1.702c1.979-2.531 4.452-3.843 5.746-4.401c-.155-.325-.36-.559-.61-.656c-.254-.1-.878-.18-2.138.607A1 1 0 0 1 14 12zm-2.832 16.788C12.004 26.68 15.865 30 20.5 30a9.5 9.5 0 0 0 9.5-9.5c0-4.995-3.855-9.09-8.752-9.471a6 6 0 0 1 .353.735c.19.478.261.933.243 1.356a7.5 7.5 0 1 1-8.782 8.348a7 7 0 0 1-1.894.82m5.203.263a1 1 0 0 1 1.406.149A3.5 3.5 0 0 0 20.5 24c1.099 0 2.08-.505 2.723-1.3a1 1 0 0 1 1.554 1.258A5.5 5.5 0 0 1 20.5 26a5.5 5.5 0 0 1-4.277-2.042a1 1 0 0 1 .148-1.407M18 20.25a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M24.25 19a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.388 3.162a2.498 2.498 0 0 1 4.224 0A2.5 2.5 0 0 1 16 5.5v4.907c.89-.298 1.69-.305 2.395-.03c1.053.412 1.57 1.331 1.812 1.94c.45 1.132-.347 2.079-1.103 2.402c-1.114.476-3.283 1.618-4.997 3.81C13.055 19.876 11.45 21 9.527 21H8.266a5 5 0 0 1-4.288-2.427l-1.122-1.87A6 6 0 0 1 2 13.614V6.5a2.5 2.5 0 0 1 3.388-2.338a2.5 2.5 0 0 1 3-1M14 5.5a.5.5 0 0 0-1 0V10a1 1 0 1 1-2 0V4.5a.5.5 0 0 0-1 0V10a1 1 0 1 1-2 0V5.5a.5.5 0 0 0-1 0V11a1 1 0 1 1-2 0V6.5a.5.5 0 0 0-1 0v7.115a4 4 0 0 0 .57 2.058l1.122 1.87A3 3 0 0 0 8.265 19h1.263c1.108 0 2.19-.66 3.004-1.702c1.979-2.531 4.452-3.843 5.746-4.401c-.155-.325-.36-.559-.61-.656c-.254-.1-.878-.18-2.138.607A1 1 0 0 1 14 12zm-2.832 16.788C12.004 26.68 15.865 30 20.5 30a9.5 9.5 0 0 0 9.5-9.5c0-4.995-3.855-9.09-8.752-9.471a6 6 0 0 1 .353.735c.19.478.261.933.243 1.356a7.5 7.5 0 1 1-8.782 8.348a7 7 0 0 1-1.894.82m5.203.263a1 1 0 0 1 1.406.149A3.5 3.5 0 0 0 20.5 24c1.099 0 2.08-.505 2.723-1.3a1 1 0 0 1 1.554 1.258A5.5 5.5 0 0 1 20.5 26a5.5 5.5 0 0 1-4.277-2.042a1 1 0 0 1 .148-1.407M18 20.25a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M24.25 19a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0"/></svg> </template>
CSS
.icon-emoji-hand-32-regular {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.388%203.162a2.498%202.498%200%200%201%204.224%200A2.5%202.5%200%200%201%2016%205.5v4.907c.89-.298%201.69-.305%202.395-.03c1.053.412%201.57%201.331%201.812%201.94c.45%201.132-.347%202.079-1.103%202.402c-1.114.476-3.283%201.618-4.997%203.81C13.055%2019.876%2011.45%2021%209.527%2021H8.266a5%205%200%200%201-4.288-2.427l-1.122-1.87A6%206%200%200%201%202%2013.614V6.5a2.5%202.5%200%200%201%203.388-2.338a2.5%202.5%200%200%201%203-1M14%205.5a.5.5%200%200%200-1%200V10a1%201%200%201%201-2%200V4.5a.5.5%200%200%200-1%200V10a1%201%200%201%201-2%200V5.5a.5.5%200%200%200-1%200V11a1%201%200%201%201-2%200V6.5a.5.5%200%200%200-1%200v7.115a4%204%200%200%200%20.57%202.058l1.122%201.87A3%203%200%200%200%208.265%2019h1.263c1.108%200%202.19-.66%203.004-1.702c1.979-2.531%204.452-3.843%205.746-4.401c-.155-.325-.36-.559-.61-.656c-.254-.1-.878-.18-2.138.607A1%201%200%200%201%2014%2012zm-2.832%2016.788C12.004%2026.68%2015.865%2030%2020.5%2030a9.5%209.5%200%200%200%209.5-9.5c0-4.995-3.855-9.09-8.752-9.471a6%206%200%200%201%20.353.735c.19.478.261.933.243%201.356a7.5%207.5%200%201%201-8.782%208.348a7%207%200%200%201-1.894.82m5.203.263a1%201%200%200%201%201.406.149A3.5%203.5%200%200%200%2020.5%2024c1.099%200%202.08-.505%202.723-1.3a1%201%200%200%201%201.554%201.258A5.5%205.5%200%200%201%2020.5%2026a5.5%205.5%200%200%201-4.277-2.042a1%201%200%200%201%20.148-1.407M18%2020.25a1.25%201.25%200%201%200%200-2.5a1.25%201.25%200%200%200%200%202.5M24.25%2019a1.25%201.25%200%201%201-2.5%200a1.25%201.25%200%200%201%202.5%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.388%203.162a2.498%202.498%200%200%201%204.224%200A2.5%202.5%200%200%201%2016%205.5v4.907c.89-.298%201.69-.305%202.395-.03c1.053.412%201.57%201.331%201.812%201.94c.45%201.132-.347%202.079-1.103%202.402c-1.114.476-3.283%201.618-4.997%203.81C13.055%2019.876%2011.45%2021%209.527%2021H8.266a5%205%200%200%201-4.288-2.427l-1.122-1.87A6%206%200%200%201%202%2013.614V6.5a2.5%202.5%200%200%201%203.388-2.338a2.5%202.5%200%200%201%203-1M14%205.5a.5.5%200%200%200-1%200V10a1%201%200%201%201-2%200V4.5a.5.5%200%200%200-1%200V10a1%201%200%201%201-2%200V5.5a.5.5%200%200%200-1%200V11a1%201%200%201%201-2%200V6.5a.5.5%200%200%200-1%200v7.115a4%204%200%200%200%20.57%202.058l1.122%201.87A3%203%200%200%200%208.265%2019h1.263c1.108%200%202.19-.66%203.004-1.702c1.979-2.531%204.452-3.843%205.746-4.401c-.155-.325-.36-.559-.61-.656c-.254-.1-.878-.18-2.138.607A1%201%200%200%201%2014%2012zm-2.832%2016.788C12.004%2026.68%2015.865%2030%2020.5%2030a9.5%209.5%200%200%200%209.5-9.5c0-4.995-3.855-9.09-8.752-9.471a6%206%200%200%201%20.353.735c.19.478.261.933.243%201.356a7.5%207.5%200%201%201-8.782%208.348a7%207%200%200%201-1.894.82m5.203.263a1%201%200%200%201%201.406.149A3.5%203.5%200%200%200%2020.5%2024c1.099%200%202.08-.505%202.723-1.3a1%201%200%200%201%201.554%201.258A5.5%205.5%200%200%201%2020.5%2026a5.5%205.5%200%200%201-4.277-2.042a1%201%200%200%201%20.148-1.407M18%2020.25a1.25%201.25%200%201%200%200-2.5a1.25%201.25%200%200%200%200%202.5M24.25%2019a1.25%201.25%200%201%201-2.5%200a1.25%201.25%200%200%201%202.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/emoji-hand-32-regular.svg?color=%231a73e8&size=48
