Emoji Multiple icon
Used in emoji picker & some simple voting scenarios. Should not be used as emoji. The Emoji Multiple 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 Multiple 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 { EmojiMultiple24Regular, EmojiMultiple24Filled } from "@fluentui/react-icons";
export function Example() {
return <EmojiMultiple24Regular aria-label="Emoji Multiple" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_emoji_multiple_24_regular.svg" width="24" height="24" alt="Emoji Multiple"> 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="M8.5 2C11.5532 2 14.1146 4.10504 14.8123 6.94294C14.2967 6.95291 13.7929 7.01148 13.3055 7.11428C12.7047 5.02694 10.7806 3.5 8.5 3.5C5.73858 3.5 3.5 5.73858 3.5 8.5C3.5 10.7806 5.02685 12.7045 7.11409 13.3054C7.01128 13.7929 6.95269 14.2966 6.9427 14.8123C4.10492 14.1145 2 11.5531 2 8.5C2 4.91015 4.91015 2 8.5 2ZM8.65938 10.0064C9.01527 9.55457 9.41864 9.1419 9.86196 8.7759C9.43026 8.59353 8.96597 8.49957 8.4966 8.50002C7.99156 8.5005 7.49261 8.61028 7.034 8.82181C6.57539 9.03334 6.168 9.34162 5.83979 9.72548C5.5706 10.0403 5.6076 10.5137 5.92242 10.7829C6.23724 11.0521 6.71067 11.0151 6.97986 10.7003C7.16741 10.4809 7.4002 10.3048 7.66226 10.1839C7.92433 10.063 8.20944 10.0003 8.49804 10C8.55198 9.99997 8.6058 10.0021 8.65938 10.0064ZM7.5 6.5C7.5 7.05228 7.05228 7.5 6.5 7.5C5.94772 7.5 5.5 7.05228 5.5 6.5C5.5 5.94772 5.94772 5.5 6.5 5.5C7.05228 5.5 7.5 5.94772 7.5 6.5ZM11.5 6.5C11.5 7.05228 11.0523 7.5 10.5 7.5C9.94772 7.5 9.5 7.05228 9.5 6.5C9.5 5.94772 9.94772 5.5 10.5 5.5C11.0523 5.5 11.5 5.94772 11.5 6.5ZM12.5 14.5C13.0523 14.5 13.5 14.0523 13.5 13.5C13.5 12.9477 13.0523 12.5 12.5 12.5C11.9477 12.5 11.5 12.9477 11.5 13.5C11.5 14.0523 11.9477 14.5 12.5 14.5ZM17.9576 16.5423C18.2724 16.8115 18.3094 17.2849 18.0402 17.5997C17.6651 18.0384 17.1995 18.3907 16.6754 18.6325C16.1513 18.8742 15.5811 18.9997 15.0039 19.0002C14.4267 19.0008 13.8562 18.8764 13.3316 18.6357C12.8071 18.3949 12.3408 18.0435 11.9648 17.6055C11.6951 17.2912 11.7312 16.8177 12.0455 16.5479C12.3598 16.2782 12.8333 16.3142 13.1031 16.6285C13.338 16.9023 13.6294 17.1219 13.9573 17.2724C14.2852 17.4229 14.6417 17.5006 15.0024 17.5002C15.3632 17.4999 15.7196 17.4215 16.0472 17.2704C16.3747 17.1193 16.6657 16.8991 16.9002 16.6249C17.1694 16.3101 17.6428 16.2731 17.9576 16.5423ZM17.5 14.5C18.0523 14.5 18.5 14.0523 18.5 13.5C18.5 12.9477 18.0523 12.5 17.5 12.5C16.9477 12.5 16.5 12.9477 16.5 13.5C16.5 14.0523 16.9477 14.5 17.5 14.5ZM15 22C18.866 22 22 18.866 22 15C22 11.134 18.866 8 15 8C11.134 8 8 11.134 8 15C8 18.866 11.134 22 15 22ZM15 20.5C11.9624 20.5 9.5 18.0376 9.5 15C9.5 11.9624 11.9624 9.5 15 9.5C18.0376 9.5 20.5 11.9624 20.5 15C20.5 18.0376 18.0376 20.5 15 20.5Z" 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_multiple_24_regular.svg";Details
| Name | Emoji Multiple |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_emoji_multiple_24_regular.svg |
| Filled file | ic_fluent_emoji_multiple_24_filled.svg |
| React components | EmojiMultiple24Regular, EmojiMultiple24Filled |
| License | MIT (© Microsoft Corporation) |