Icono Chat Bubble Text Square
streamline-plump:chat-bubble-text-square
El icono Chat Bubble Text Square (streamline-plump:chat-bubble-text-square) es un icono SVG gratuito de la colección Plump free icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Plump free icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Plump free icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Correo
- Etiquetas
- chatbubble, bubbletext, textsquare, chatbubbletextsquare
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="3"><path d="M8.248 38.537c-2.55-.177-4.539-2.081-4.762-4.627C3.24 31.12 3 26.885 3 21s.24-10.121.486-12.91c.223-2.546 2.212-4.45 4.762-4.627C11.475 3.238 16.628 3 24 3s12.525.238 15.752.463c2.55.177 4.539 2.081 4.762 4.627C44.76 10.88 45 15.115 45 21s-.24 10.121-.486 12.91c-.223 2.546-2.212 4.45-4.762 4.627c-3.003.21-7.674.43-14.248.46l-7.202 6.173C17.004 46.282 15 45.36 15 43.652v-4.785a179 179 0 0 1-6.752-.33Z"/><path d="M32.898 12.123c1.165.048 2.052.862 2.09 2.028a27 27 0 0 1-.001 1.71c-.038 1.155-.914 1.96-2.068 2.01c-1.525.065-4.223.129-8.919.129c-4.674 0-7.369-.061-8.898-.123c-1.165-.048-2.052-.862-2.09-2.028a27 27 0 0 1 0-1.698c.038-1.166.925-1.98 2.09-2.028C16.632 12.061 19.326 12 24 12s7.369.061 8.898.123ZM24.99 24.087c1.156.053 1.978.896 2.002 2.055a42 42 0 0 1 0 1.733c-.025 1.145-.833 1.978-1.976 2.033c-1.032.05-2.613.092-5.016.092c-2.383 0-3.957-.04-4.99-.087c-1.156-.053-1.978-.896-2.002-2.055a42 42 0 0 1 0-1.716c.024-1.159.846-2.002 2.003-2.055C16.043 24.039 17.618 24 20 24c2.383 0 3.957.04 4.99.087Z"/></g></svg>
Cómo usar el icono Chat Bubble Text Square
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:chat-bubble-text-square" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:chat-bubble-text-square" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:chat-bubble-text-square" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--chat-bubble-text-square]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:chat-bubble-text-square"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:chat-bubble-text-square"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/chat-bubble-text-square.svg" alt="Icono Chat Bubble Text Square" width="24" height="24">
Iconos relacionados en Plump free icons
El icono Chat Bubble Text Square en otras colecciones
Preguntas frecuentes sobre Icono Chat Bubble Text Square
¿El icono Chat Bubble Text Square es gratis para uso comercial?
Sí. Plump free icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Chat Bubble Text Square en React?
Instala @iconify/react y renderiza <Icon icon="streamline-plump:chat-bubble-text-square" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Chat Bubble Text Square a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-plump/chat-bubble-text-square.svg" alt="Icono Chat Bubble Text Square">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Plump free icons →
