Ícone Chat Square Arrow Filled
reicon:chat-square-arrow-filled
O ícone Chat Square Arrow Filled (reicon:chat-square-arrow-filled) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon 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
- Reicon
- Autor
- REICON
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Mensagens
- Tags
- chatsquare, squarearrow, arrowfilled, chatsquarearrowfilled
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="m11.985 21.449l.489-.824c.378-.64.568-.96.872-1.136c.304-.177.687-.184 1.453-.197c1.13-.02 1.84-.089 2.434-.335a4.5 4.5 0 0 0 2.438-2.435c.161-.39.247-.83.292-1.406c.027-.354.041-.53-.053-.674c-.095-.143-.276-.205-.638-.327C17.864 13.64 14.752 12.481 13 11c-1.98-1.674-3.754-5.054-4.418-6.414c-.142-.29-.213-.435-.336-.511s-.28-.074-.592-.07c-1.808.02-2.637.126-3.504.657a4.5 4.5 0 0 0-1.486 1.486C2 7.23 2 8.703 2 11.65v.9c0 2.096 0 3.145.343 3.972a4.5 4.5 0 0 0 2.437 2.435c.595.246 1.304.316 2.434.335c.766.013 1.15.02 1.453.197c.305.177.494.496.873 1.136l.488.824c.435.735 1.522.735 1.957 0"/><path fill-rule="evenodd" d="M13.702 1.217a.696.696 0 0 1-.007 1.035l-1.002.921a47 47 0 0 1 2.467.076c.65.041 1.26.104 1.79.202c.52.096 1.022.237 1.42.46c.74.418 1.363.99 1.817 1.672c.438.656.63 1.398.723 2.292c.09.875.09 1.969.09 3.355v.038c0 .404-.352.732-.786.732s-.785-.328-.785-.732c0-1.433-.001-2.456-.084-3.253c-.08-.785-.236-1.274-.493-1.66a3.8 3.8 0 0 0-1.296-1.191c-.168-.096-.462-.195-.912-.278a14 14 0 0 0-1.59-.177a45 45 0 0 0-2.348-.072l.989.91a.696.696 0 0 1 .007 1.034a.83.83 0 0 1-1.111.006L10.234 4.42A.7.7 0 0 1 10 3.899c0-.196.084-.383.234-.52L12.59 1.21a.83.83 0 0 1 1.11.006" clip-rule="evenodd"/></g></svg>
Como usar o ícone Chat Square Arrow Filled
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:chat-square-arrow-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:chat-square-arrow-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:chat-square-arrow-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--chat-square-arrow-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:chat-square-arrow-filled"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:chat-square-arrow-filled"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/reicon/chat-square-arrow-filled.svg" alt="Ícone Chat Square Arrow Filled" width="24" height="24">
Ícones relacionados em Reicon
Perguntas frequentes sobre Ícone Chat Square Arrow Filled
O ícone Chat Square Arrow Filled é grátis para uso comercial?
Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Chat Square Arrow Filled no React?
Instale @iconify/react e renderize <Icon icon="reicon:chat-square-arrow-filled" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Chat Square Arrow Filled a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/chat-square-arrow-filled.svg" alt="Ícone Chat Square Arrow Filled">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Reicon →
