Icono Chat Alt 3 Light
lets-icons:chat-alt-3-light
El icono Chat Alt 3 Light (lets-icons:chat-alt-3-light) es un icono SVG gratuito de la colección Lets Icons de Leonid Tsvetkov. Está dibujado en una cuadrícula de 24 × 24. Lets 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
- Lets Icons
- Autor
- Leonid Tsvetkov
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Red social
- Etiquetas
- chatalt, altlight, chataltlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m19.326 5.778l-.416.278zm0 10.444l-.416-.278zm-1.104 1.104l-.277-.416zM14 17.999l-.002-.5a.5.5 0 0 0-.498.5zM14 18l.447.224A.5.5 0 0 0 14.5 18zm-4 0h-.5a.5.5 0 0 0 .053.224zm0-.001h.5a.5.5 0 0 0-.498-.5zm-4.222-.673l.278-.416zm-1.104-1.104l.416-.278zm0-10.444l.416.278zm1.104-1.104l.278.416zm12.444 0l-.277.416zM20.5 11c0-1.394 0-2.477-.087-3.337c-.088-.868-.27-1.563-.671-2.163l-.832.556c.273.408.428.92.508 1.708c.081.798.082 1.821.082 3.236zm-.758 5.5c.4-.6.583-1.295.671-2.163c.088-.86.087-1.943.087-3.337h-1c0 1.415 0 2.438-.082 3.236c-.08.788-.235 1.3-.508 1.708zM18.5 17.742a4.5 4.5 0 0 0 1.242-1.242l-.832-.556c-.255.383-.583.71-.965.966zm-4.498.757c1.077-.005 1.943-.026 2.656-.124c.721-.1 1.318-.283 1.842-.633l-.555-.832c-.358.239-.793.387-1.424.474c-.638.088-1.442.11-2.523.115zM14.5 18v-.001h-1V18zm-1.158 2.435l1.105-2.211l-.894-.448l-1.106 2.212zm-2.684 0c.553 1.105 2.13 1.105 2.684 0l-.895-.447a.5.5 0 0 1-.894 0zm-1.105-2.211l1.105 2.21l.895-.447l-1.106-2.21zm-.053-.225V18h1v-.001zm-4-.257c.524.35 1.12.533 1.842.633c.713.098 1.58.119 2.656.124l.004-1c-1.081-.005-1.885-.026-2.523-.115c-.63-.087-1.066-.235-1.423-.474zM4.258 16.5A4.5 4.5 0 0 0 5.5 17.742l.556-.832a3.5 3.5 0 0 1-.966-.966zM3.5 11c0 1.394 0 2.477.087 3.337c.088.868.27 1.563.671 2.163l.832-.556c-.273-.408-.428-.92-.508-1.709C4.5 13.439 4.5 12.416 4.5 11zm.758-5.5c-.4.6-.583 1.295-.671 2.163C3.499 8.523 3.5 9.606 3.5 11h1c0-1.415 0-2.438.082-3.236c.08-.788.235-1.3.508-1.708zM5.5 4.258A4.5 4.5 0 0 0 4.258 5.5l.832.556a3.5 3.5 0 0 1 .966-.966zM11 3.5c-1.394 0-2.477 0-3.337.087c-.868.088-1.563.27-2.163.671l.556.832c.408-.273.92-.428 1.708-.508C8.562 4.5 9.585 4.5 11 4.5zm2 0h-2v1h2zm5.5.758c-.6-.4-1.295-.583-2.163-.671c-.86-.088-1.943-.087-3.337-.087v1c1.415 0 2.438 0 3.235.082c.79.08 1.3.235 1.71.508zM19.742 5.5A4.5 4.5 0 0 0 18.5 4.258l-.555.832c.382.255.71.583.965.966z"/><circle cx="16" cy="11" r="1" fill="currentColor"/><circle cx="12" cy="11" r="1" fill="currentColor"/><circle cx="8" cy="11" r="1" fill="currentColor"/></svg>
Cómo usar el icono Chat Alt 3 Light
React
import { Icon } from "@iconify/react";
<Icon icon="lets-icons:chat-alt-3-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lets-icons:chat-alt-3-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lets-icons:chat-alt-3-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--chat-alt-3-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:chat-alt-3-light"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lets-icons:chat-alt-3-light"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/lets-icons/chat-alt-3-light.svg" alt="Icono Chat Alt 3 Light" width="24" height="24">
Iconos relacionados en Lets Icons
Preguntas frecuentes sobre Icono Chat Alt 3 Light
¿El icono Chat Alt 3 Light es gratis para uso comercial?
Sí. Lets 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 Alt 3 Light en React?
Instala @iconify/react y renderiza <Icon icon="lets-icons:chat-alt-3-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Chat Alt 3 Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/lets-icons/chat-alt-3-light.svg" alt="Icono Chat Alt 3 Light">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Lets Icons →
