Ícone Chat Info
uil:chat-info
O ícone Chat Info (uil:chat-info) é um ícone SVG gratuito da coleção Unicons de Iconscout. Ele é desenhado em uma grade de 24 × 24. Unicons são publicados sob a licença Apache 2.0, 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
- Unicons
- Autor
- Iconscout
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Chat
- Tags
- chatinfo
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.29 3.71a1 1 0 0 0 1.42 0a1.2 1.2 0 0 0 .21-.33A1 1 0 0 0 21 3a1 1 0 0 0-.29-.71l-.15-.12a.8.8 0 0 0-.18-.09a1 1 0 0 0-1.09.21A1 1 0 0 0 19 3a1 1 0 0 0 .08.38a1.2 1.2 0 0 0 .21.33M20 5a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V6a1 1 0 0 0-1-1m.06 8a1 1 0 0 0-1.11.87A7 7 0 0 1 12 20H6.41l.64-.63a1 1 0 0 0 0-1.41A7 7 0 0 1 12 6a6.9 6.9 0 0 1 3.49.94a1 1 0 0 0 1-1.72A8.84 8.84 0 0 0 12 4a9 9 0 0 0-7 14.62l-1.71 1.67a1 1 0 0 0-.21 1.09A1 1 0 0 0 4 22h8a9 9 0 0 0 8.93-7.88a1 1 0 0 0-.87-1.12"/></svg>Como usar o ícone Chat Info
React
import { Icon } from "@iconify/react";
<Icon icon="uil:chat-info" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="uil:chat-info" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="uil:chat-info" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[uil--chat-info]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/uil -->
<div class="i-uil:chat-info"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="uil:chat-info"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/uil/chat-info.svg" alt="Ícone Chat Info" width="24" height="24">Ícones relacionados em Unicons
O ícone Chat Info em outras coleções
Perguntas frequentes sobre Ícone Chat Info
O ícone Chat Info é grátis para uso comercial?
Sim. Unicons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Chat Info no React?
Instale @iconify/react e renderize <Icon icon="uil:chat-info" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Chat Info a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/uil/chat-info.svg" alt="Ícone Chat Info">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.