Emoji Hand icon
Used in emoji picker & some simple voting scenarios. Should not be used as emoji. The Emoji Hand icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Emoji Hand icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { EmojiHand24Regular, EmojiHand24Filled } from "@fluentui/react-icons";
export function Example() {
return <EmojiHand24Regular aria-label="Emoji Hand" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_emoji_hand_24_regular.svg" width="24" height="24" alt="Emoji Hand"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.23509 1.822C9.39367 1.77549 9.56567 1.75 9.75 1.75C10.8461 1.75 11.4956 2.65054 11.4956 3.5V7.17294C11.7877 7.07156 12.1264 7.00057 12.5035 7.00057C13.9015 7.00057 15 8.03158 15 9.5C15 9.74196 14.8833 9.96906 14.6865 10.1099L12.9693 11.3389L12.0146 12.1713C11.3759 12.7283 10.8021 13.3556 10.3043 14.0414L9.70587 14.8656C9.1885 15.5782 8.36113 16 7.4805 16H5.84181C4.91074 16 4.018 15.527 3.53678 14.6887C3.23471 14.1624 2.86076 13.471 2.56013 12.7866C2.27413 12.1356 2 11.3739 2 10.75V4.75C2 3.89589 2.65814 3 3.75 3C3.85996 3 3.96553 3.00909 4.06646 3.0263C4.25877 2.34453 4.85934 1.75 5.75 1.75C5.9323 1.75 6.10446 1.77568 6.26445 1.82275C6.55308 1.35091 7.06681 1 7.75 1C8.43282 1 8.94637 1.35053 9.23509 1.822ZM7.56917 2.57039C7.52604 2.61722 7.5 2.68471 7.5 2.74838V3.41364C7.50102 3.44679 7.50102 3.48005 7.5 3.51331V7.25002C7.5 7.66423 7.16421 8.00002 6.75 8.00002C6.33579 8.00002 6 7.66423 6 7.25002V3.44838C5.99628 3.41157 5.97882 3.36521 5.94151 3.32515C5.90403 3.28491 5.8457 3.25 5.75 3.25C5.65469 3.25 5.60326 3.28301 5.56924 3.32003C5.52661 3.36641 5.5 3.43431 5.5 3.5002V7.75057C5.5 8.16478 5.16421 8.50057 4.75 8.50057C4.33579 8.50057 4 8.16478 4 7.75057V4.75C4 4.68497 3.97358 4.61706 3.93055 4.57029C3.89604 4.53278 3.84437 4.5 3.75 4.5C3.65563 4.5 3.60396 4.53278 3.56945 4.57029C3.52642 4.61706 3.5 4.68497 3.5 4.75V10.75C3.5 11.0296 3.64872 11.5352 3.93345 12.1833C4.20355 12.7982 4.54823 13.4376 4.83769 13.9419C5.03399 14.2839 5.41193 14.5 5.84181 14.5H7.4805C7.88079 14.5 8.25686 14.3083 8.49203 13.9844L9.09042 13.1601C9.65468 12.3829 10.3049 11.672 11.0288 11.0408L12.0106 10.1847C12.0287 10.169 12.0475 10.1541 12.067 10.1401L13.4505 9.14992C13.3257 8.74188 12.9744 8.50057 12.5035 8.50057C11.8666 8.50057 11.414 8.90045 11.2617 9.03496C11.2497 9.0455 11.2397 9.05442 11.2315 9.06138C11.0087 9.25076 10.6963 9.29345 10.4309 9.17076C10.1655 9.04807 9.99564 8.78236 9.99564 8.49V3.5C9.99564 3.43257 9.96866 3.36436 9.92677 3.31855C9.89368 3.28235 9.8439 3.25 9.75 3.25C9.65468 3.25 9.6031 3.28302 9.56911 3.31991C9.52673 3.36593 9.5 3.43351 9.5 3.5V7.25002C9.5 7.66423 9.16421 8.00002 8.75 8.00002C8.33579 8.00002 8 7.66423 8 7.25002V2.74838C8 2.68471 7.97396 2.61722 7.93083 2.57039C7.89623 2.53282 7.84441 2.5 7.75 2.5C7.65559 2.5 7.60377 2.53282 7.56917 2.57039ZM13 15C13.5523 15 14 14.5523 14 14C14 13.4477 13.5523 13 13 13C12.4477 13 12 13.4477 12 14C12 14.5523 12.4477 15 13 15ZM17 15C17.5523 15 18 14.5523 18 14C18 13.4477 17.5523 13 17 13C16.4477 13 16 13.4477 16 14C16 14.5523 16.4477 15 17 15ZM14.9999 22C11.7986 22 9.0992 19.851 8.26562 16.9169C8.76712 16.8095 9.24008 16.6005 9.65559 16.3047C10.2414 18.7124 12.4119 20.5 14.9999 20.5C18.0375 20.5 20.4999 18.0375 20.4999 15C20.4999 12.3031 18.5589 10.0595 15.9976 9.59022C15.9991 9.56025 15.9999 9.53015 15.9999 9.49996C15.9999 8.96676 15.8929 8.473 15.7002 8.03455C19.2374 8.38587 21.9999 11.3703 21.9999 15C21.9999 18.8659 18.8659 22 14.9999 22ZM13.1977 16.7327C12.9105 16.4342 12.4357 16.425 12.1372 16.7121C11.8387 16.9993 11.8295 17.474 12.1166 17.7726C12.8434 18.5282 13.8671 18.9999 14.9997 18.9999C16.1323 18.9999 17.156 18.5282 17.8828 17.7726C18.17 17.474 18.1608 16.9993 17.8622 16.7121C17.5637 16.425 17.0889 16.4342 16.8018 16.7327C16.346 17.2065 15.7078 17.4999 14.9997 17.4999C14.2917 17.4999 13.6534 17.2065 13.1977 16.7327Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/emoji_hand_24_regular.svg";Details
| Name | Emoji Hand |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_emoji_hand_24_regular.svg |
| Filled file | ic_fluent_emoji_hand_24_filled.svg |
| React components | EmojiHand24Regular, EmojiHand24Filled |
| License | MIT (© Microsoft Corporation) |