comment emoji
comment from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- comment
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
commentAkar Iconscomment-outlinedAnt Design IconscommentBoxIcons v2commentBoxIcons v2 SolidcommentCodiconscommentElement PluscommentFont Awesome 6 RegularcommentFont Awesome 6 SolidcommentFont Awesome RegularcommentFont Awesome Solidcomment-12-filledFluent UI System Iconscomment-16Fluent UI System Color Iconscommentcss.ggcommentIconParkcommentIconPark OutlinecommentIconPark SolidcommentIconPark TwoTonecommentLine AwesomecommentMajesticonscommentMaterial SymbolscommentMaterial Symbols LightcommentMaterial Design Iconscomment-fillMingCute IconcommentOcticons
More extras openmoji icons from OpenMoji
Use the comment emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGG5vIbbKY" fill="none" stroke="#000" d="M23.437 50.356C22.105 53.88 18.432 58.712 15 61c7.165 0 12.234-2.092 16-7.273"/></defs><g fill="#fcea2b"><circle cx="36" cy="35" r="20.8"/><path d="M23.437 50.356C22.105 53.88 18.432 58.712 15 61c7.165 0 12.234-2.092 16-7.273"/></g><circle cx="26" cy="35.079" r="2.857"/><circle cx="36" cy="35.079" r="2.857"/><circle cx="46" cy="35.079" r="2.857"/><use href="#SVGG5vIbbKY" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><use href="#SVGG5vIbbKY" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M20.48 47.617A19.92 19.92 0 0 1 16 35c0-11.046 8.954-20 20-20s20 8.954 20 20s-8.954 20-20 20q-.555 0-1.104-.03"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiComment(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGG5vIbbKY" fill="none" stroke="#000" d="M23.437 50.356C22.105 53.88 18.432 58.712 15 61c7.165 0 12.234-2.092 16-7.273"/></defs><g fill="#fcea2b"><circle cx="36" cy="35" r="20.8"/><path d="M23.437 50.356C22.105 53.88 18.432 58.712 15 61c7.165 0 12.234-2.092 16-7.273"/></g><circle cx="26" cy="35.079" r="2.857"/><circle cx="36" cy="35.079" r="2.857"/><circle cx="46" cy="35.079" r="2.857"/><use href="#SVGG5vIbbKY" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"/><use href="#SVGG5vIbbKY" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"/><path fill="none" stroke="#000" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="2" d="M20.48 47.617A19.92 19.92 0 0 1 16 35c0-11.046 8.954-20 20-20s20 8.954 20 20s-8.954 20-20 20q-.555 0-1.104-.03"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGG5vIbbKY" fill="none" stroke="#000" d="M23.437 50.356C22.105 53.88 18.432 58.712 15 61c7.165 0 12.234-2.092 16-7.273"/></defs><g fill="#fcea2b"><circle cx="36" cy="35" r="20.8"/><path d="M23.437 50.356C22.105 53.88 18.432 58.712 15 61c7.165 0 12.234-2.092 16-7.273"/></g><circle cx="26" cy="35.079" r="2.857"/><circle cx="36" cy="35.079" r="2.857"/><circle cx="46" cy="35.079" r="2.857"/><use href="#SVGG5vIbbKY" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><use href="#SVGG5vIbbKY" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M20.48 47.617A19.92 19.92 0 0 1 16 35c0-11.046 8.954-20 20-20s20 8.954 20 20s-8.954 20-20 20q-.555 0-1.104-.03"/></svg> </template>
CSS
.icon-comment {
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%2072%2072%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGG5vIbbKY%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20d%3D%22M23.437%2050.356C22.105%2053.88%2018.432%2058.712%2015%2061c7.165%200%2012.234-2.092%2016-7.273%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23fcea2b%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2235%22%20r%3D%2220.8%22%2F%3E%3Cpath%20d%3D%22M23.437%2050.356C22.105%2053.88%2018.432%2058.712%2015%2061c7.165%200%2012.234-2.092%2016-7.273%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2235.079%22%20r%3D%222.857%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2235.079%22%20r%3D%222.857%22%2F%3E%3Ccircle%20cx%3D%2246%22%20cy%3D%2235.079%22%20r%3D%222.857%22%2F%3E%3Cuse%20href%3D%22%23SVGG5vIbbKY%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cuse%20href%3D%22%23SVGG5vIbbKY%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M20.48%2047.617A19.92%2019.92%200%200%201%2016%2035c0-11.046%208.954-20%2020-20s20%208.954%2020%2020s-8.954%2020-20%2020q-.555%200-1.104-.03%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%2072%2072%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGG5vIbbKY%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20d%3D%22M23.437%2050.356C22.105%2053.88%2018.432%2058.712%2015%2061c7.165%200%2012.234-2.092%2016-7.273%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23fcea2b%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2235%22%20r%3D%2220.8%22%2F%3E%3Cpath%20d%3D%22M23.437%2050.356C22.105%2053.88%2018.432%2058.712%2015%2061c7.165%200%2012.234-2.092%2016-7.273%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2235.079%22%20r%3D%222.857%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2235.079%22%20r%3D%222.857%22%2F%3E%3Ccircle%20cx%3D%2246%22%20cy%3D%2235.079%22%20r%3D%222.857%22%2F%3E%3Cuse%20href%3D%22%23SVGG5vIbbKY%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cuse%20href%3D%22%23SVGG5vIbbKY%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M20.48%2047.617A19.92%2019.92%200%200%201%2016%2035c0-11.046%208.954-20%2020-20s20%208.954%2020%2020s-8.954%2020-20%2020q-.555%200-1.104-.03%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/comment.svg?color=%231a73e8&size=48
