Threespeechbubbles icon
fxemoji:threespeechbubbles
The Threespeechbubbles icon (fxemoji:threespeechbubbles) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
- Tags
- threespeechbubble
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#CAC7BC" d="M282.525 235.985c-74.68 0-135.221 60.613-135.221 135.384c0 17.5 3.317 34.223 9.355 49.576l-22.916 74.876c-.195.46-.337.766-.434 1.25l-.029-.071h.017c-.419 3 .174 4.789 1.845 6.57c1.67 1.78 4.016 2.606 6.266 2.327v.053l.095.003a7.4 7.4 0 0 0 1.464-.34l71.651-17.159c19.957 11.627 43.154 18.295 67.908 18.295c74.68 0 135.221-60.612 135.221-135.382s-60.541-135.382-135.222-135.382"/><path fill="#E3E2DD" d="M193.283 40.805c-93.138 0-168.641 75.594-168.641 168.845c0 21.825 4.137 42.682 11.667 61.83L7.73 364.862c-.243.573-.42 1.289-.542 1.893l-.037.245h.021c-.522 3 .216 5.638 2.301 7.859c2.083 2.22 5.008 3.083 7.814 2.736c-.002.006 0-.017 0-.017l.118-.038a9.3 9.3 0 0 0 1.826-.445l89.36-21.41c24.889 14.501 53.819 22.811 84.691 22.811c93.138 0 168.641-75.595 168.641-168.846S286.421 40.805 193.283 40.805"/><path fill="#6B8DA1" d="m504.312 314.662l-.02-.108a8.4 8.4 0 0 0-.398-1.662l-19.482-81.329c13.198-22.652 20.763-48.982 20.763-77.079C505.175 69.717 436.375 1 351.506 1s-153.67 68.718-153.67 153.484s68.8 153.484 153.669 153.484c19.863 0 38.846-3.765 56.272-10.618l84.989 26.01c.522.221.817.382 1.366.493l-.132.034v-.02c3 .475 5.488-.197 7.509-2.094s2.984-4.558 2.668-7.112c.006.002.135.001.135.001"/></svg>How to use the Threespeechbubbles icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:threespeechbubbles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:threespeechbubbles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:threespeechbubbles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--threespeechbubbles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:threespeechbubbles"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:threespeechbubbles"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/threespeechbubbles.svg" alt="Threespeechbubbles icon" width="24" height="24">Threespeechbubbles icon FAQ
Is the Threespeechbubbles icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Threespeechbubbles icon in React?
Install @iconify/react and render <Icon icon="fxemoji:threespeechbubbles" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Threespeechbubbles icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/threespeechbubbles.svg" alt="Threespeechbubbles icon">, or paste the SVG code inline to style it with CSS.