emoji hint icon
emoji-hint-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- emoji-hint-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 hint icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.27 2.267a1 1 0 0 0 .387 1.962a12.1 12.1 0 0 1 4.686 0a1 1 0 0 0 .388-1.962a14.1 14.1 0 0 0-5.462 0M9.333 6.02A1 1 0 0 0 8.22 4.359A14.1 14.1 0 0 0 4.359 8.22A1 1 0 0 0 6.02 9.334A12.1 12.1 0 0 1 9.334 6.02M23.78 4.359a1 1 0 0 0-1.113 1.662a12.1 12.1 0 0 1 3.313 3.313a1 1 0 0 0 1.662-1.113a14.1 14.1 0 0 0-3.862-3.862m5.954 8.91a1 1 0 0 0-1.962.388a12.1 12.1 0 0 1 0 4.686a1 1 0 1 0 1.962.388a14.1 14.1 0 0 0 0-5.462m-25.505.388a1 1 0 1 0-1.962-.388a14.1 14.1 0 0 0 0 5.462a1 1 0 1 0 1.962-.388a12.1 12.1 0 0 1 0-4.686m1.792 9.01a1 1 0 1 0-1.662 1.113a14.1 14.1 0 0 0 3.861 3.86a1 1 0 1 0 1.113-1.661a12.1 12.1 0 0 1-3.313-3.313m21.62 1.113a1 1 0 1 0-1.661-1.113a12.1 12.1 0 0 1-3.313 3.313a1 1 0 1 0 1.113 1.662a14.1 14.1 0 0 0 3.861-3.862m-13.984 3.992a1 1 0 1 0-.388 1.962a14.1 14.1 0 0 0 5.462 0a1 1 0 0 0-.388-1.962a12.1 12.1 0 0 1-4.686 0m-1.384-8.439a1 1 0 0 0-1.49 1.334A7 7 0 0 0 16 23a7 7 0 0 0 5.217-2.333a1 1 0 0 0-1.49-1.334A5 5 0 0 1 16 21a4.98 4.98 0 0 1-3.727-1.667M14 13.25a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0M19.75 15a1.75 1.75 0 1 0 0-3.5a1.75 1.75 0 0 0 0 3.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHint32Regular(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="M13.27 2.267a1 1 0 0 0 .387 1.962a12.1 12.1 0 0 1 4.686 0a1 1 0 0 0 .388-1.962a14.1 14.1 0 0 0-5.462 0M9.333 6.02A1 1 0 0 0 8.22 4.359A14.1 14.1 0 0 0 4.359 8.22A1 1 0 0 0 6.02 9.334A12.1 12.1 0 0 1 9.334 6.02M23.78 4.359a1 1 0 0 0-1.113 1.662a12.1 12.1 0 0 1 3.313 3.313a1 1 0 0 0 1.662-1.113a14.1 14.1 0 0 0-3.862-3.862m5.954 8.91a1 1 0 0 0-1.962.388a12.1 12.1 0 0 1 0 4.686a1 1 0 1 0 1.962.388a14.1 14.1 0 0 0 0-5.462m-25.505.388a1 1 0 1 0-1.962-.388a14.1 14.1 0 0 0 0 5.462a1 1 0 1 0 1.962-.388a12.1 12.1 0 0 1 0-4.686m1.792 9.01a1 1 0 1 0-1.662 1.113a14.1 14.1 0 0 0 3.861 3.86a1 1 0 1 0 1.113-1.661a12.1 12.1 0 0 1-3.313-3.313m21.62 1.113a1 1 0 1 0-1.661-1.113a12.1 12.1 0 0 1-3.313 3.313a1 1 0 1 0 1.113 1.662a14.1 14.1 0 0 0 3.861-3.862m-13.984 3.992a1 1 0 1 0-.388 1.962a14.1 14.1 0 0 0 5.462 0a1 1 0 0 0-.388-1.962a12.1 12.1 0 0 1-4.686 0m-1.384-8.439a1 1 0 0 0-1.49 1.334A7 7 0 0 0 16 23a7 7 0 0 0 5.217-2.333a1 1 0 0 0-1.49-1.334A5 5 0 0 1 16 21a4.98 4.98 0 0 1-3.727-1.667M14 13.25a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0M19.75 15a1.75 1.75 0 1 0 0-3.5a1.75 1.75 0 0 0 0 3.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.27 2.267a1 1 0 0 0 .387 1.962a12.1 12.1 0 0 1 4.686 0a1 1 0 0 0 .388-1.962a14.1 14.1 0 0 0-5.462 0M9.333 6.02A1 1 0 0 0 8.22 4.359A14.1 14.1 0 0 0 4.359 8.22A1 1 0 0 0 6.02 9.334A12.1 12.1 0 0 1 9.334 6.02M23.78 4.359a1 1 0 0 0-1.113 1.662a12.1 12.1 0 0 1 3.313 3.313a1 1 0 0 0 1.662-1.113a14.1 14.1 0 0 0-3.862-3.862m5.954 8.91a1 1 0 0 0-1.962.388a12.1 12.1 0 0 1 0 4.686a1 1 0 1 0 1.962.388a14.1 14.1 0 0 0 0-5.462m-25.505.388a1 1 0 1 0-1.962-.388a14.1 14.1 0 0 0 0 5.462a1 1 0 1 0 1.962-.388a12.1 12.1 0 0 1 0-4.686m1.792 9.01a1 1 0 1 0-1.662 1.113a14.1 14.1 0 0 0 3.861 3.86a1 1 0 1 0 1.113-1.661a12.1 12.1 0 0 1-3.313-3.313m21.62 1.113a1 1 0 1 0-1.661-1.113a12.1 12.1 0 0 1-3.313 3.313a1 1 0 1 0 1.113 1.662a14.1 14.1 0 0 0 3.861-3.862m-13.984 3.992a1 1 0 1 0-.388 1.962a14.1 14.1 0 0 0 5.462 0a1 1 0 0 0-.388-1.962a12.1 12.1 0 0 1-4.686 0m-1.384-8.439a1 1 0 0 0-1.49 1.334A7 7 0 0 0 16 23a7 7 0 0 0 5.217-2.333a1 1 0 0 0-1.49-1.334A5 5 0 0 1 16 21a4.98 4.98 0 0 1-3.727-1.667M14 13.25a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0M19.75 15a1.75 1.75 0 1 0 0-3.5a1.75 1.75 0 0 0 0 3.5"/></svg> </template>
CSS
.icon-emoji-hint-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%22M13.27%202.267a1%201%200%200%200%20.387%201.962a12.1%2012.1%200%200%201%204.686%200a1%201%200%200%200%20.388-1.962a14.1%2014.1%200%200%200-5.462%200M9.333%206.02A1%201%200%200%200%208.22%204.359A14.1%2014.1%200%200%200%204.359%208.22A1%201%200%200%200%206.02%209.334A12.1%2012.1%200%200%201%209.334%206.02M23.78%204.359a1%201%200%200%200-1.113%201.662a12.1%2012.1%200%200%201%203.313%203.313a1%201%200%200%200%201.662-1.113a14.1%2014.1%200%200%200-3.862-3.862m5.954%208.91a1%201%200%200%200-1.962.388a12.1%2012.1%200%200%201%200%204.686a1%201%200%201%200%201.962.388a14.1%2014.1%200%200%200%200-5.462m-25.505.388a1%201%200%201%200-1.962-.388a14.1%2014.1%200%200%200%200%205.462a1%201%200%201%200%201.962-.388a12.1%2012.1%200%200%201%200-4.686m1.792%209.01a1%201%200%201%200-1.662%201.113a14.1%2014.1%200%200%200%203.861%203.86a1%201%200%201%200%201.113-1.661a12.1%2012.1%200%200%201-3.313-3.313m21.62%201.113a1%201%200%201%200-1.661-1.113a12.1%2012.1%200%200%201-3.313%203.313a1%201%200%201%200%201.113%201.662a14.1%2014.1%200%200%200%203.861-3.862m-13.984%203.992a1%201%200%201%200-.388%201.962a14.1%2014.1%200%200%200%205.462%200a1%201%200%200%200-.388-1.962a12.1%2012.1%200%200%201-4.686%200m-1.384-8.439a1%201%200%200%200-1.49%201.334A7%207%200%200%200%2016%2023a7%207%200%200%200%205.217-2.333a1%201%200%200%200-1.49-1.334A5%205%200%200%201%2016%2021a4.98%204.98%200%200%201-3.727-1.667M14%2013.25a1.75%201.75%200%201%201-3.5%200a1.75%201.75%200%200%201%203.5%200M19.75%2015a1.75%201.75%200%201%200%200-3.5a1.75%201.75%200%200%200%200%203.5%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%22M13.27%202.267a1%201%200%200%200%20.387%201.962a12.1%2012.1%200%200%201%204.686%200a1%201%200%200%200%20.388-1.962a14.1%2014.1%200%200%200-5.462%200M9.333%206.02A1%201%200%200%200%208.22%204.359A14.1%2014.1%200%200%200%204.359%208.22A1%201%200%200%200%206.02%209.334A12.1%2012.1%200%200%201%209.334%206.02M23.78%204.359a1%201%200%200%200-1.113%201.662a12.1%2012.1%200%200%201%203.313%203.313a1%201%200%200%200%201.662-1.113a14.1%2014.1%200%200%200-3.862-3.862m5.954%208.91a1%201%200%200%200-1.962.388a12.1%2012.1%200%200%201%200%204.686a1%201%200%201%200%201.962.388a14.1%2014.1%200%200%200%200-5.462m-25.505.388a1%201%200%201%200-1.962-.388a14.1%2014.1%200%200%200%200%205.462a1%201%200%201%200%201.962-.388a12.1%2012.1%200%200%201%200-4.686m1.792%209.01a1%201%200%201%200-1.662%201.113a14.1%2014.1%200%200%200%203.861%203.86a1%201%200%201%200%201.113-1.661a12.1%2012.1%200%200%201-3.313-3.313m21.62%201.113a1%201%200%201%200-1.661-1.113a12.1%2012.1%200%200%201-3.313%203.313a1%201%200%201%200%201.113%201.662a14.1%2014.1%200%200%200%203.861-3.862m-13.984%203.992a1%201%200%201%200-.388%201.962a14.1%2014.1%200%200%200%205.462%200a1%201%200%200%200-.388-1.962a12.1%2012.1%200%200%201-4.686%200m-1.384-8.439a1%201%200%200%200-1.49%201.334A7%207%200%200%200%2016%2023a7%207%200%200%200%205.217-2.333a1%201%200%200%200-1.49-1.334A5%205%200%200%201%2016%2021a4.98%204.98%200%200%201-3.727-1.667M14%2013.25a1.75%201.75%200%201%201-3.5%200a1.75%201.75%200%200%201%203.5%200M19.75%2015a1.75%201.75%200%201%200%200-3.5a1.75%201.75%200%200%200%200%203.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/emoji-hint-32-regular.svg?color=%231a73e8&size=48
