Emoji Hint icon (Filled & Regular)

Used in emoji picker for custom emoji. Should not be used as emoji. The Emoji Hint 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 Hint 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 { EmojiHint24Regular, EmojiHint24Filled } from "@fluentui/react-icons";

export function Example() {
  return <EmojiHint24Regular aria-label="Emoji Hint" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_emoji_hint_24_regular.svg" width="24" height="24" alt="Emoji Hint">

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="M10.0492 2.19034C9.64287 2.27072 9.37864 2.66529 9.45902 3.07163C9.53941 3.47797 9.93398 3.7422 10.3403 3.66182C11.4127 3.44967 12.5873 3.44967 13.6597 3.66182C14.066 3.7422 14.4606 3.47797 14.541 3.07163C14.6214 2.66529 14.3572 2.27072 13.9508 2.19034C12.6877 1.94046 11.3123 1.94046 10.0492 2.19034ZM7.27781 4.93126C7.62201 4.70082 7.71423 4.23499 7.48379 3.89079C7.25336 3.54659 6.78753 3.45437 6.44333 3.68481C5.35314 4.41467 4.41467 5.35314 3.68481 6.44333C3.45437 6.78753 3.54659 7.25336 3.89079 7.48379C4.23499 7.71423 4.70082 7.62201 4.93126 7.27781C5.55204 6.35055 6.35055 5.55204 7.27781 4.93126ZM17.5567 3.68481C17.2125 3.45437 16.7467 3.54659 16.5162 3.89079C16.2858 4.23499 16.378 4.70082 16.7222 4.93126C17.6495 5.55204 18.448 6.35055 19.0688 7.27781C19.2992 7.62201 19.765 7.71423 20.1092 7.48379C20.4534 7.25336 20.5457 6.78753 20.3152 6.44333C19.5854 5.35314 18.6469 4.41467 17.5567 3.68481ZM21.8097 10.0492C21.7293 9.64287 21.3347 9.37864 20.9284 9.45902C20.5221 9.53941 20.2578 9.93398 20.3382 10.3403C20.5504 11.4127 20.5504 12.5873 20.3382 13.6597C20.2578 14.066 20.5221 14.4606 20.9284 14.541C21.3347 14.6214 21.7293 14.3572 21.8097 13.9508C22.0596 12.6877 22.0596 11.3123 21.8097 10.0492ZM3.66182 10.3403C3.7422 9.93398 3.47797 9.53941 3.07163 9.45902C2.66529 9.37864 2.27072 9.64287 2.19034 10.0492C1.94046 11.3123 1.94046 12.6877 2.19034 13.9508C2.27072 14.3572 2.66529 14.6214 3.07163 14.541C3.47797 14.4606 3.7422 14.066 3.66182 13.6597C3.44967 12.5873 3.44967 11.4127 3.66182 10.3403ZM4.93126 16.7222C4.70082 16.378 4.23499 16.2858 3.89079 16.5162C3.54659 16.7467 3.45437 17.2125 3.68481 17.5567C4.41467 18.6469 5.35314 19.5854 6.44333 20.3152C6.78753 20.5457 7.25336 20.4534 7.48379 20.1092C7.71423 19.765 7.62201 19.2992 7.27781 19.0688C6.35055 18.448 5.55204 17.6495 4.93126 16.7222ZM20.3152 17.5567C20.5457 17.2125 20.4534 16.7467 20.1092 16.5162C19.765 16.2858 19.2992 16.378 19.0688 16.7222C18.448 17.6495 17.6495 18.448 16.7222 19.0688C16.378 19.2992 16.2858 19.765 16.5162 20.1092C16.7467 20.4534 17.2125 20.5457 17.5567 20.3152C18.6469 19.5854 19.5854 18.6469 20.3152 17.5567ZM10.3403 20.3382C9.93398 20.2578 9.53941 20.5221 9.45902 20.9284C9.37864 21.3347 9.64287 21.7293 10.0492 21.8097C11.3123 22.0596 12.6877 22.0596 13.9508 21.8097C14.3572 21.7293 14.6214 21.3347 14.541 20.9284C14.4606 20.5221 14.066 20.2578 13.6597 20.3382C12.5873 20.5504 11.4127 20.5504 10.3403 20.3382ZM9.50001 11C10.0523 11 10.5 10.5523 10.5 10C10.5 9.44773 10.0523 9.00001 9.50001 9.00001C8.94773 9.00001 8.50001 9.44773 8.50001 10C8.50001 10.5523 8.94773 11 9.50001 11ZM15.5 10C15.5 10.5523 15.0523 11 14.5 11C13.9477 11 13.5 10.5523 13.5 10C13.5 9.44773 13.9477 9.00001 14.5 9.00001C15.0523 9.00001 15.5 9.44773 15.5 10ZM9.32324 14.2554C9.05614 13.9388 8.58296 13.8987 8.26637 14.1658C7.94979 14.4329 7.90968 14.9061 8.17678 15.2227C9.0928 16.3084 10.4659 17 11.9998 17C13.5337 17 14.9067 16.3084 15.8228 15.2227C16.0899 14.9061 16.0498 14.4329 15.7332 14.1658C15.4166 13.8987 14.9434 13.9388 14.6763 14.2554C14.0331 15.0177 13.0731 15.5 11.9998 15.5C10.9264 15.5 9.96644 15.0177 9.32324 14.2554Z" 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_hint_24_regular.svg";

Details

Name	Emoji Hint
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_emoji_hint_24_regular.svg`
Filled file	`ic_fluent_emoji_hint_24_filled.svg`
React components	`EmojiHint24Regular, EmojiHint24Filled`
License	MIT (© Microsoft Corporation)

Keywords

face emote feeling

Emoji Hint icon

Use the Emoji Hint icon in React

Use it in HTML

Use it from the SVG package

Details

Keywords

Related icons