Emoji Meme icon

Use the Emoji Meme 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 { EmojiMeme24Regular, EmojiMeme24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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="M20.0038 6H18.024C16.4846 4.4551 14.3547 3.49902 12.0016 3.49902C9.64836 3.49902 7.51847 4.4551 5.97914 6H3.99931C5.82399 3.57053 8.72925 1.99902 12.0016 1.99902C15.2739 1.99902 18.1791 3.57053 20.0038 6ZM3.5 12.0006C3.5 11.6621 3.51978 11.3282 3.55826 11H2.04942C2.01674 11.3291 2 11.6629 2 12.0006C2 17.5243 6.47785 22.0021 12.0016 22.0021C17.188 22.0021 21.4523 18.0545 21.9538 13H21V14H20.2667C19.3674 17.7305 16.0082 20.5021 12.0016 20.5021C7.30627 20.5021 3.5 16.6959 3.5 12.0006ZM12.0015 16.5021C10.6034 16.5021 9.31243 15.8616 8.46329 14.7839C8.20694 14.4585 7.73537 14.4026 7.41002 14.6589C7.08466 14.9153 7.02872 15.3869 7.28507 15.7122C8.41567 17.1472 10.1389 18.0021 12.0015 18.0021C13.8617 18.0021 15.5829 17.1495 16.7136 15.7178C16.9704 15.3927 16.915 14.9211 16.5899 14.6644C16.2649 14.4076 15.7932 14.463 15.5365 14.7881C14.6872 15.8633 13.3978 16.5021 12.0015 16.5021ZM3 7H22V10H21V12H20V13H15V12H14V10H12V12H11V13H6V12H5V10H4V9H2V8H3V7ZM1 10V9H2V10H1ZM1 10H0V12H1V10ZM7 9H6V10H7V11H8V10H7V9ZM16 9H15V10H16V11H17V10H16V9Z" 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_meme_24_regular.svg";

Details

Keywords

faceemotefeelingglassesfunnyhumor