Ícone Left Speech Bubble

fluent-emoji:left-speech-bubble

O ícone Left Speech Bubble (fluent-emoji:left-speech-bubble) é um ícone SVG gratuito da coleção Fluent Emoji de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Fluent Emoji
Autor: Microsoft Corporation
Licença: MIT
Tamanho: 32 × 32
Tags: leftspeech, speechbubble, leftspeechbubble

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#ik9o6Ph)"><g filter="url(#iWjJADc)"><path fill="url(#in3wdae)" d="M29.497 14.54C27.563 10.75 23.114 6.268 16 6.268c-7.134 0-11.531 4.248-13.457 8.312a2.61 2.61 0 0 0-.04 2.73C5.007 21.636 8.886 25.584 16 25.584c.947 0 1.878-.041 2.73-.162c.46-.066.933-.008 1.342.213c1.155.624 2.315 1.3 3.794 2.136a.657.657 0 0 0 .98-.614l-.216-3.408a1.6 1.6 0 0 1 .584-1.315c1.73-1.456 3.085-3.289 4.243-5.171c.524-.852.544-1.86.04-2.722"/><path fill="url(#ingfnDM)" d="M29.497 14.54C27.563 10.75 23.114 6.268 16 6.268c-7.134 0-11.531 4.248-13.457 8.312a2.61 2.61 0 0 0-.04 2.73C5.007 21.636 8.886 25.584 16 25.584c.947 0 1.878-.041 2.73-.162c.46-.066.933-.008 1.342.213c1.155.624 2.315 1.3 3.794 2.136a.657.657 0 0 0 .98-.614l-.216-3.408a1.6 1.6 0 0 1 .584-1.315c1.73-1.456 3.085-3.289 4.243-5.171c.524-.852.544-1.86.04-2.722"/><path fill="url(#i9uSYxd)" d="M29.497 14.54C27.563 10.75 23.114 6.268 16 6.268c-7.134 0-11.531 4.248-13.457 8.312a2.61 2.61 0 0 0-.04 2.73C5.007 21.636 8.886 25.584 16 25.584c.947 0 1.878-.041 2.73-.162c.46-.066.933-.008 1.342.213c1.155.624 2.315 1.3 3.794 2.136a.657.657 0 0 0 .98-.614l-.216-3.408a1.6 1.6 0 0 1 .584-1.315c1.73-1.456 3.085-3.289 4.243-5.171c.524-.852.544-1.86.04-2.722"/><path fill="url(#irCfq3c)" d="M29.497 14.54C27.563 10.75 23.114 6.268 16 6.268c-7.134 0-11.531 4.248-13.457 8.312a2.61 2.61 0 0 0-.04 2.73C5.007 21.636 8.886 25.584 16 25.584c.947 0 1.878-.041 2.73-.162c.46-.066.933-.008 1.342.213c1.155.624 2.315 1.3 3.794 2.136a.657.657 0 0 0 .98-.614l-.216-3.408a1.6 1.6 0 0 1 .584-1.315c1.73-1.456 3.085-3.289 4.243-5.171c.524-.852.544-1.86.04-2.722"/></g><g filter="url(#iKtmhJe)"><path fill="url(#izF10Cd)" d="m24.083 20.832l.287 5.818a.25.25 0 0 1-.442.172l-3.647-4.365l2.344-3.531z"/></g><g filter="url(#inJ0u0F)"><ellipse fill="#EBE4FB" fill-opacity=".75" rx="8.72" ry="5.69" transform="matrix(-1 0 0 1 13.624 16)"/></g></g><defs><radialGradient id="in3wdae" cx="0" cy="0" r="1" gradientTransform="matrix(8.43748 22.5 -41.97265 15.7397 11.813 12.051)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#D7C6DE"/></radialGradient><radialGradient id="ingfnDM" cx="0" cy="0" r="1" gradientTransform="rotate(-149.997 13.982 9.678)scale(27.4972 39.7665)" gradientUnits="userSpaceOnUse"><stop offset=".616" stop-color="#CECECE" stop-opacity="0"/><stop offset=".827" stop-color="#CECECE"/></radialGradient><radialGradient id="irCfq3c" cx="0" cy="0" r="1" gradientTransform="matrix(5.01202 .93752 -1.5713 8.40026 29.864 24.552)" gradientUnits="userSpaceOnUse"><stop stop-color="#B6A8F2"/><stop offset="1" stop-color="#B6A8F2" stop-opacity="0"/></radialGradient><filter id="iWjJADc" width="27.726" height="21.598" x="2.137" y="6.268" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".01"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.758333 0 0 0 0 0.758333 0 0 0 0 0.758333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_7155_6142"/></filter><filter id="iKtmhJe" width="6.089" height="9.987" x="19.281" y="17.926" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7155_6142" stdDeviation=".5"/></filter><filter id="inJ0u0F" width="27.44" height="21.379" x="-.096" y="5.311" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7155_6142" stdDeviation="2.5"/></filter><linearGradient id="i9uSYxd" x1="27.567" x2="10.188" y1="-8.515" y2="29.739" gradientUnits="userSpaceOnUse"><stop offset=".731" stop-color="#B6A8F2" stop-opacity="0"/><stop offset=".986" stop-color="#B6A8F2"/></linearGradient><linearGradient id="izF10Cd" x1="21.903" x2="18.981" y1="27.295" y2="21.822" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".779" stop-color="#fff" stop-opacity="0"/></linearGradient><clipPath id="ik9o6Ph"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>

Como usar o ícone Left Speech Bubble

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:left-speech-bubble" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:left-speech-bubble" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:left-speech-bubble" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--left-speech-bubble]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:left-speech-bubble"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:left-speech-bubble"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/left-speech-bubble.svg" alt="Ícone Left Speech Bubble" width="24" height="24">

Ícones relacionados em Fluent Emoji

O ícone Left Speech Bubble em outras coleções

Perguntas frequentes sobre Ícone Left Speech Bubble

O ícone Left Speech Bubble é grátis para uso comercial?

Sim. Fluent Emoji icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Left Speech Bubble no React?

Instale @iconify/react e renderize <Icon icon="fluent-emoji:left-speech-bubble" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Left Speech Bubble a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji/left-speech-bubble.svg" alt="Ícone Left Speech Bubble">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Fluent Emoji →