Icono Chat Bot

hugeicons:chat-bot

El icono Chat Bot (hugeicons:chat-bot) es un icono SVG gratuito de la colección Huge Icons de Hugeicons. Está dibujado en una cuadrícula de 24 × 24. Huge Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Huge Icons
Autor: Hugeicons
Licencia: MIT
Tamaño: 24 × 24
Etiquetas: chatbot

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M11 8h2c2.828 0 4.243 0 5.121.879C19 9.757 19 11.172 19 14s0 4.243-.879 5.121C17.243 20 15.828 20 13 20h-1s-.5 2-4 2c0 0 1-1.009 1-2.017c-1.553-.047-2.48-.22-3.121-.862C5 18.243 5 16.828 5 14s0-4.243.879-5.121C6.757 8 8.172 8 11 8Zm8 3.5h.5c.935 0 1.402 0 1.75.201a1.5 1.5 0 0 1 .549.549c.201.348.201.815.201 1.75s0 1.402-.201 1.75a1.5 1.5 0 0 1-.549.549c-.348.201-.815.201-1.75.201H19m-14-5h-.5c-.935 0-1.402 0-1.75.201a1.5 1.5 0 0 0-.549.549C2 12.598 2 13.065 2 14s0 1.402.201 1.75a1.5 1.5 0 0 0 .549.549c.348.201.815.201 1.75.201H5"/><path d="M13.5 3.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 5v3m-3 4v1m6-1v1"/><path stroke-linecap="round" d="M10 16.5s.667.5 2 .5s2-.5 2-.5"/></g></svg>

Cómo usar el icono Chat Bot

React

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

<Icon icon="hugeicons:chat-bot" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:chat-bot" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:chat-bot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--chat-bot]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:chat-bot"></div>

Web component

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

<iconify-icon icon="hugeicons:chat-bot"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/chat-bot.svg" alt="Icono Chat Bot" width="24" height="24">

Iconos relacionados en Huge Icons

El icono Chat Bot en otras colecciones

Preguntas frecuentes sobre Icono Chat Bot

¿El icono Chat Bot es gratis para uso comercial?

Sí. Huge Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Chat Bot en React?

Instala @iconify/react y renderiza <Icon icon="hugeicons:chat-bot" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Chat Bot a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/hugeicons/chat-bot.svg" alt="Icono Chat Bot">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Huge Icons →