emoji circle icon
emoji-circle from Reicon by REICON · Outline · Faces · MIT Free for personal and commercial use.
- Name
- emoji-circle
- Set
- Reicon
- Style
- Outline
- Category
- Faces
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More faces icons from Reicon
confused-circleconfused-squareemoji-squareface-frownface-scan-circleface-scan-squareface-smilemask-circlemask-squaremeh-circlemeh-squaresad-circlesad-squaresleeping-circlesleeping-squaresmile-circlesmile-squaresticker-circlesticker-smilesticker-smile2sticker-smile3sticker-squareemoji-happyemoji-normal
Use the emoji circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.475 9.516c.215.8-.044 1.565-.577 1.707c-.534.143-1.14-.39-1.354-1.19s.044-1.564.577-1.707c.534-.143 1.14.39 1.354 1.19M9.68 11.069c.214.8-.044 1.564-.578 1.707s-1.14-.39-1.354-1.19s.044-1.564.578-1.707s1.14.39 1.354 1.19"/><path fill-rule="evenodd" d="M12 2.75a9.25 9.25 0 1 0 0 18.5a9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m15.929 1.34a.75.75 0 0 1-.017 1.061q-.256.248-.536.476l.218.445a2.25 2.25 0 1 1-4.04 1.982l-.273-.556a8.9 8.9 0 0 1-3.8-.087a.75.75 0 1 1 .364-1.455c1.13.283 2.428.286 3.746-.067s2.44-1.005 3.277-1.815a.75.75 0 0 1 1.06.017m-3.174 3.005l.146.298a.75.75 0 1 0 1.347-.66l-.127-.259a9 9 0 0 1-1.366.621" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconEmojiCircle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.475 9.516c.215.8-.044 1.565-.577 1.707c-.534.143-1.14-.39-1.354-1.19s.044-1.564.577-1.707c.534-.143 1.14.39 1.354 1.19M9.68 11.069c.214.8-.044 1.564-.578 1.707s-1.14-.39-1.354-1.19s.044-1.564.578-1.707s1.14.39 1.354 1.19"/><path fillRule="evenodd" d="M12 2.75a9.25 9.25 0 1 0 0 18.5a9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m15.929 1.34a.75.75 0 0 1-.017 1.061q-.256.248-.536.476l.218.445a2.25 2.25 0 1 1-4.04 1.982l-.273-.556a8.9 8.9 0 0 1-3.8-.087a.75.75 0 1 1 .364-1.455c1.13.283 2.428.286 3.746-.067s2.44-1.005 3.277-1.815a.75.75 0 0 1 1.06.017m-3.174 3.005l.146.298a.75.75 0 1 0 1.347-.66l-.127-.259a9 9 0 0 1-1.366.621" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.475 9.516c.215.8-.044 1.565-.577 1.707c-.534.143-1.14-.39-1.354-1.19s.044-1.564.577-1.707c.534-.143 1.14.39 1.354 1.19M9.68 11.069c.214.8-.044 1.564-.578 1.707s-1.14-.39-1.354-1.19s.044-1.564.578-1.707s1.14.39 1.354 1.19"/><path fill-rule="evenodd" d="M12 2.75a9.25 9.25 0 1 0 0 18.5a9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12S17.937 22.75 12 22.75S1.25 17.937 1.25 12m15.929 1.34a.75.75 0 0 1-.017 1.061q-.256.248-.536.476l.218.445a2.25 2.25 0 1 1-4.04 1.982l-.273-.556a8.9 8.9 0 0 1-3.8-.087a.75.75 0 1 1 .364-1.455c1.13.283 2.428.286 3.746-.067s2.44-1.005 3.277-1.815a.75.75 0 0 1 1.06.017m-3.174 3.005l.146.298a.75.75 0 1 0 1.347-.66l-.127-.259a9 9 0 0 1-1.366.621" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-emoji-circle {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M15.475%209.516c.215.8-.044%201.565-.577%201.707c-.534.143-1.14-.39-1.354-1.19s.044-1.564.577-1.707c.534-.143%201.14.39%201.354%201.19M9.68%2011.069c.214.8-.044%201.564-.578%201.707s-1.14-.39-1.354-1.19s.044-1.564.578-1.707s1.14.39%201.354%201.19%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.75a9.25%209.25%200%201%200%200%2018.5a9.25%209.25%200%200%200%200-18.5M1.25%2012C1.25%206.063%206.063%201.25%2012%201.25S22.75%206.063%2022.75%2012S17.937%2022.75%2012%2022.75S1.25%2017.937%201.25%2012m15.929%201.34a.75.75%200%200%201-.017%201.061q-.256.248-.536.476l.218.445a2.25%202.25%200%201%201-4.04%201.982l-.273-.556a8.9%208.9%200%200%201-3.8-.087a.75.75%200%201%201%20.364-1.455c1.13.283%202.428.286%203.746-.067s2.44-1.005%203.277-1.815a.75.75%200%200%201%201.06.017m-3.174%203.005l.146.298a.75.75%200%201%200%201.347-.66l-.127-.259a9%209%200%200%201-1.366.621%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M15.475%209.516c.215.8-.044%201.565-.577%201.707c-.534.143-1.14-.39-1.354-1.19s.044-1.564.577-1.707c.534-.143%201.14.39%201.354%201.19M9.68%2011.069c.214.8-.044%201.564-.578%201.707s-1.14-.39-1.354-1.19s.044-1.564.578-1.707s1.14.39%201.354%201.19%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.75a9.25%209.25%200%201%200%200%2018.5a9.25%209.25%200%200%200%200-18.5M1.25%2012C1.25%206.063%206.063%201.25%2012%201.25S22.75%206.063%2022.75%2012S17.937%2022.75%2012%2022.75S1.25%2017.937%201.25%2012m15.929%201.34a.75.75%200%200%201-.017%201.061q-.256.248-.536.476l.218.445a2.25%202.25%200%201%201-4.04%201.982l-.273-.556a8.9%208.9%200%200%201-3.8-.087a.75.75%200%201%201%20.364-1.455c1.13.283%202.428.286%203.746-.067s2.44-1.005%203.277-1.815a.75.75%200%200%201%201.06.017m-3.174%203.005l.146.298a.75.75%200%201%200%201.347-.66l-.127-.259a9%209%200%200%201-1.366.621%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/emoji-circle.svg?color=%231a73e8&size=48
