round emoji symbols icon
round-emoji-symbols from Google Material Icons by Material Design Authors · Baseline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- round-emoji-symbols
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
More social icons from Google Material Icons
baseline-18-up-ratingbaseline-6-ft-apartbaseline-add-moderatorbaseline-add-reactionbaseline-adobebaseline-applebaseline-architecturebaseline-assist-walkerbaseline-back-handbaseline-blindbaseline-boybaseline-cakebaseline-catching-pokemonbaseline-clean-handsbaseline-co2baseline-compostbaseline-connect-without-contactbaseline-constructionbaseline-cookiebaseline-coronavirusbaseline-cruelty-freebaseline-cyclonebaseline-deckbaseline-discord
Use the round emoji symbols icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5H4c-.55 0-1 .45-1 1s.45 1 1 1h2v3c0 .55.45 1 1 1s1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1m0-3H4c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1m10.89 11.11a.996.996 0 0 0-1.41 0l-6.36 6.36a.996.996 0 1 0 1.41 1.41l6.36-6.36a.996.996 0 0 0 0-1.41"/><circle cx="14.5" cy="14.5" r="1.5" fill="currentColor"/><circle cx="19.5" cy="19.5" r="1.5" fill="currentColor"/><path fill="currentColor" d="M15.5 11A2.5 2.5 0 0 0 18 8.5V4h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1v3.51c-.42-.32-.93-.51-1.5-.51a2.5 2.5 0 0 0 0 5m-5.05 7.09a.996.996 0 1 0-1.41-1.41l-.71.71l-.71-.71l.35-.35c.98-.98.98-2.56 0-3.54a2.5 2.5 0 0 0-1.77-.73a2.499 2.499 0 0 0-1.77 4.27l.35.35l-1.06 1.06c-.98.98-.98 2.56 0 3.54c.5.48 1.14.72 1.78.72s1.28-.24 1.77-.73l1.06-1.06l.71.71a.996.996 0 1 0 1.41-1.41l-.71-.71zm-4.6-3.89c.12-.12.26-.15.35-.15s.23.03.35.15c.19.2.19.51 0 .71l-.35.35l-.35-.36c-.12-.12-.15-.26-.15-.35s.03-.23.15-.35m0 5.65c-.12.12-.26.15-.35.15s-.23-.03-.35-.15S5 19.59 5 19.5s.03-.23.15-.35l1.06-1.06l.71.71z"/></svg>
React
import type { SVGProps } from "react";
export function IcRoundEmojiSymbols(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5H4c-.55 0-1 .45-1 1s.45 1 1 1h2v3c0 .55.45 1 1 1s1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1m0-3H4c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1m10.89 11.11a.996.996 0 0 0-1.41 0l-6.36 6.36a.996.996 0 1 0 1.41 1.41l6.36-6.36a.996.996 0 0 0 0-1.41"/><circle cx="14.5" cy="14.5" r="1.5" fill="currentColor"/><circle cx="19.5" cy="19.5" r="1.5" fill="currentColor"/><path fill="currentColor" d="M15.5 11A2.5 2.5 0 0 0 18 8.5V4h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1v3.51c-.42-.32-.93-.51-1.5-.51a2.5 2.5 0 0 0 0 5m-5.05 7.09a.996.996 0 1 0-1.41-1.41l-.71.71l-.71-.71l.35-.35c.98-.98.98-2.56 0-3.54a2.5 2.5 0 0 0-1.77-.73a2.499 2.499 0 0 0-1.77 4.27l.35.35l-1.06 1.06c-.98.98-.98 2.56 0 3.54c.5.48 1.14.72 1.78.72s1.28-.24 1.77-.73l1.06-1.06l.71.71a.996.996 0 1 0 1.41-1.41l-.71-.71zm-4.6-3.89c.12-.12.26-.15.35-.15s.23.03.35.15c.19.2.19.51 0 .71l-.35.35l-.35-.36c-.12-.12-.15-.26-.15-.35s.03-.23.15-.35m0 5.65c-.12.12-.26.15-.35.15s-.23-.03-.35-.15S5 19.59 5 19.5s.03-.23.15-.35l1.06-1.06l.71.71z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 5H4c-.55 0-1 .45-1 1s.45 1 1 1h2v3c0 .55.45 1 1 1s1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1m0-3H4c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1m10.89 11.11a.996.996 0 0 0-1.41 0l-6.36 6.36a.996.996 0 1 0 1.41 1.41l6.36-6.36a.996.996 0 0 0 0-1.41"/><circle cx="14.5" cy="14.5" r="1.5" fill="currentColor"/><circle cx="19.5" cy="19.5" r="1.5" fill="currentColor"/><path fill="currentColor" d="M15.5 11A2.5 2.5 0 0 0 18 8.5V4h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1v3.51c-.42-.32-.93-.51-1.5-.51a2.5 2.5 0 0 0 0 5m-5.05 7.09a.996.996 0 1 0-1.41-1.41l-.71.71l-.71-.71l.35-.35c.98-.98.98-2.56 0-3.54a2.5 2.5 0 0 0-1.77-.73a2.499 2.499 0 0 0-1.77 4.27l.35.35l-1.06 1.06c-.98.98-.98 2.56 0 3.54c.5.48 1.14.72 1.78.72s1.28-.24 1.77-.73l1.06-1.06l.71.71a.996.996 0 1 0 1.41-1.41l-.71-.71zm-4.6-3.89c.12-.12.26-.15.35-.15s.23.03.35.15c.19.2.19.51 0 .71l-.35.35l-.35-.36c-.12-.12-.15-.26-.15-.35s.03-.23.15-.35m0 5.65c-.12.12-.26.15-.35.15s-.23-.03-.35-.15S5 19.59 5 19.5s.03-.23.15-.35l1.06-1.06l.71.71z"/></svg> </template>
CSS
.icon-round-emoji-symbols {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%205H4c-.55%200-1%20.45-1%201s.45%201%201%201h2v3c0%20.55.45%201%201%201s1-.45%201-1V7h2c.55%200%201-.45%201-1s-.45-1-1-1m0-3H4c-.55%200-1%20.45-1%201s.45%201%201%201h6c.55%200%201-.45%201-1s-.45-1-1-1m10.89%2011.11a.996.996%200%200%200-1.41%200l-6.36%206.36a.996.996%200%201%200%201.41%201.41l6.36-6.36a.996.996%200%200%200%200-1.41%22%2F%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%2214.5%22%20r%3D%221.5%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2219.5%22%20r%3D%221.5%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.5%2011A2.5%202.5%200%200%200%2018%208.5V4h2c.55%200%201-.45%201-1s-.45-1-1-1h-2c-.55%200-1%20.45-1%201v3.51c-.42-.32-.93-.51-1.5-.51a2.5%202.5%200%200%200%200%205m-5.05%207.09a.996.996%200%201%200-1.41-1.41l-.71.71l-.71-.71l.35-.35c.98-.98.98-2.56%200-3.54a2.5%202.5%200%200%200-1.77-.73a2.499%202.499%200%200%200-1.77%204.27l.35.35l-1.06%201.06c-.98.98-.98%202.56%200%203.54c.5.48%201.14.72%201.78.72s1.28-.24%201.77-.73l1.06-1.06l.71.71a.996.996%200%201%200%201.41-1.41l-.71-.71zm-4.6-3.89c.12-.12.26-.15.35-.15s.23.03.35.15c.19.2.19.51%200%20.71l-.35.35l-.35-.36c-.12-.12-.15-.26-.15-.35s.03-.23.15-.35m0%205.65c-.12.12-.26.15-.35.15s-.23-.03-.35-.15S5%2019.59%205%2019.5s.03-.23.15-.35l1.06-1.06l.71.71z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%205H4c-.55%200-1%20.45-1%201s.45%201%201%201h2v3c0%20.55.45%201%201%201s1-.45%201-1V7h2c.55%200%201-.45%201-1s-.45-1-1-1m0-3H4c-.55%200-1%20.45-1%201s.45%201%201%201h6c.55%200%201-.45%201-1s-.45-1-1-1m10.89%2011.11a.996.996%200%200%200-1.41%200l-6.36%206.36a.996.996%200%201%200%201.41%201.41l6.36-6.36a.996.996%200%200%200%200-1.41%22%2F%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%2214.5%22%20r%3D%221.5%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2219.5%22%20cy%3D%2219.5%22%20r%3D%221.5%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.5%2011A2.5%202.5%200%200%200%2018%208.5V4h2c.55%200%201-.45%201-1s-.45-1-1-1h-2c-.55%200-1%20.45-1%201v3.51c-.42-.32-.93-.51-1.5-.51a2.5%202.5%200%200%200%200%205m-5.05%207.09a.996.996%200%201%200-1.41-1.41l-.71.71l-.71-.71l.35-.35c.98-.98.98-2.56%200-3.54a2.5%202.5%200%200%200-1.77-.73a2.499%202.499%200%200%200-1.77%204.27l.35.35l-1.06%201.06c-.98.98-.98%202.56%200%203.54c.5.48%201.14.72%201.78.72s1.28-.24%201.77-.73l1.06-1.06l.71.71a.996.996%200%201%200%201.41-1.41l-.71-.71zm-4.6-3.89c.12-.12.26-.15.35-.15s.23.03.35.15c.19.2.19.51%200%20.71l-.35.35l-.35-.36c-.12-.12-.15-.26-.15-.35s.03-.23.15-.35m0%205.65c-.12.12-.26.15-.35.15s-.23-.03-.35-.15S5%2019.59%205%2019.5s.03-.23.15-.35l1.06-1.06l.71.71z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-emoji-symbols.svg?color=%231a73e8&size=48
