leftspeechbubble emoji
leftspeechbubble from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- leftspeechbubble
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the leftspeechbubble emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#E3E2DD" d="M502.546 464h.03l-.052-.138a12.6 12.6 0 0 0-.757-2.455l-39.921-130.433c10.518-26.747 16.297-55.877 16.297-86.363c0-130.257-105.467-235.849-235.566-235.849S7.011 114.357 7.011 244.614s105.467 235.851 235.566 235.851c43.123 0 83.534-11.611 118.301-31.867L485.701 478.5c.831.295 1.685.492 2.55.611l.166.031s.002-.01 0-.019a12.77 12.77 0 0 0 10.915-3.94c2.912-3.102 3.944-7.183 3.214-11.183"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiLeftspeechbubble(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#E3E2DD" d="M502.546 464h.03l-.052-.138a12.6 12.6 0 0 0-.757-2.455l-39.921-130.433c10.518-26.747 16.297-55.877 16.297-86.363c0-130.257-105.467-235.849-235.566-235.849S7.011 114.357 7.011 244.614s105.467 235.851 235.566 235.851c43.123 0 83.534-11.611 118.301-31.867L485.701 478.5c.831.295 1.685.492 2.55.611l.166.031s.002-.01 0-.019a12.77 12.77 0 0 0 10.915-3.94c2.912-3.102 3.944-7.183 3.214-11.183"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#E3E2DD" d="M502.546 464h.03l-.052-.138a12.6 12.6 0 0 0-.757-2.455l-39.921-130.433c10.518-26.747 16.297-55.877 16.297-86.363c0-130.257-105.467-235.849-235.566-235.849S7.011 114.357 7.011 244.614s105.467 235.851 235.566 235.851c43.123 0 83.534-11.611 118.301-31.867L485.701 478.5c.831.295 1.685.492 2.55.611l.166.031s.002-.01 0-.019a12.77 12.77 0 0 0 10.915-3.94c2.912-3.102 3.944-7.183 3.214-11.183"/></svg> </template>
CSS
.icon-leftspeechbubble {
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%20512%20512%22%3E%3Cpath%20fill%3D%22%23E3E2DD%22%20d%3D%22M502.546%20464h.03l-.052-.138a12.6%2012.6%200%200%200-.757-2.455l-39.921-130.433c10.518-26.747%2016.297-55.877%2016.297-86.363c0-130.257-105.467-235.849-235.566-235.849S7.011%20114.357%207.011%20244.614s105.467%20235.851%20235.566%20235.851c43.123%200%2083.534-11.611%20118.301-31.867L485.701%20478.5c.831.295%201.685.492%202.55.611l.166.031s.002-.01%200-.019a12.77%2012.77%200%200%200%2010.915-3.94c2.912-3.102%203.944-7.183%203.214-11.183%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23E3E2DD%22%20d%3D%22M502.546%20464h.03l-.052-.138a12.6%2012.6%200%200%200-.757-2.455l-39.921-130.433c10.518-26.747%2016.297-55.877%2016.297-86.363c0-130.257-105.467-235.849-235.566-235.849S7.011%20114.357%207.011%20244.614s105.467%20235.851%20235.566%20235.851c43.123%200%2083.534-11.611%20118.301-31.867L485.701%20478.5c.831.295%201.685.492%202.55.611l.166.031s.002-.01%200-.019a12.77%2012.77%200%200%200%2010.915-3.94c2.912-3.102%203.944-7.183%203.214-11.183%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/leftspeechbubble.svg?color=%231a73e8&size=48
