Иконка Chat Square Arrow Filled

reicon:chat-square-arrow-filled

Иконка Chat Square Arrow Filled (reicon:chat-square-arrow-filled) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Reicon
Автор: REICON
Лицензия: MIT
Размер: 24 × 24
Категория: Сообщения
Теги: chatsquare, squarearrow, arrowfilled, chatsquarearrowfilled

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/reicon/chat-square-arrow-filled.svg" alt="Иконка Chat Square Arrow Filled" width="24" height="24">

Вопросы и ответы: Иконка Chat Square Arrow Filled

Можно ли бесплатно использовать иконку Chat Square Arrow Filled в коммерческих проектах?

Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Chat Square Arrow Filled в React?

Установите @iconify/react и выведите <Icon icon="reicon:chat-square-arrow-filled" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Chat Square Arrow Filled на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/chat-square-arrow-filled.svg" alt="Иконка Chat Square Arrow Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Reicon →