Иконка Game Chat 20 Regular

fluent:game-chat-20-regular

Иконка Game Chat 20 Regular (fluent:game-chat-20-regular) — бесплатная SVG-иконка из набора Fluent UI System Icons от Microsoft Corporation. Она нарисована на сетке 20 × 20. Fluent UI System Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent UI System Icons
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 20 × 20
Теги: gamechat, chatregular, gamechatregular

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M6.5 5.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zM6 8a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 6 8M2 7a6 6 0 1 1 11.554 2.275a3 3 0 0 0-.143.079l-.125.075a.5.5 0 0 1-.257.071h-.698a5 5 0 1 0-8.632.052a.5.5 0 0 1 .051.393l-.509 1.78l1.658-.552a.5.5 0 0 1 .426.052q.533.338 1.143.536l-.432.91a6 6 0 0 1-1.04-.476l-2.338.78a.5.5 0 0 1-.639-.612l.712-2.491A6 6 0 0 1 2 7m11.25 6.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m.675-3.038a1.5 1.5 0 0 1 1.026-.192l.773.133a2 2 0 0 1 1.467 1.114l1.2 2.527c.56 1.19.687 2.185.568 3.001a3.5 3.5 0 0 1-.82 1.804a1.15 1.15 0 0 1-1.01.397a1.4 1.4 0 0 1-.902-.494l-.818-.97A1.5 1.5 0 0 0 14.263 17h-3.526a1.5 1.5 0 0 0-1.146.533l-.818.969c-.23.272-.553.456-.902.494a1.15 1.15 0 0 1-1.01-.397a3.5 3.5 0 0 1-.82-1.804c-.12-.816.008-1.812.569-3l1.199-2.528a2 2 0 0 1 1.467-1.114l.773-.133a1.5 1.5 0 0 1 1.026.192l.125.075c.233.14.5.213.77.213h1.06a1.5 1.5 0 0 0 .77-.213zm.856.794a.5.5 0 0 0-.342.063l-.124.075a2.5 2.5 0 0 1-1.286.356h-1.058a2.5 2.5 0 0 1-1.285-.356l-.125-.075a.5.5 0 0 0-.342-.063l-.773.133a1 1 0 0 0-.734.557L7.514 14.22c-.492 1.043-.57 1.84-.484 2.43a2.5 2.5 0 0 0 .587 1.295a.15.15 0 0 0 .146.056a.4.4 0 0 0 .246-.145l.818-.969a2.5 2.5 0 0 1 1.91-.888h3.526a2.5 2.5 0 0 1 1.91.888l.818.97a.4.4 0 0 0 .246.144c.06.007.105-.01.146-.056c.244-.283.5-.705.587-1.295s.008-1.386-.484-2.43l-1.198-2.525a1 1 0 0 0-.734-.557z"/></svg>

Как использовать иконку Game Chat 20 Regular

React

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

<Icon icon="fluent:game-chat-20-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:game-chat-20-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:game-chat-20-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--game-chat-20-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:game-chat-20-regular"></div>

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

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

<iconify-icon icon="fluent:game-chat-20-regular"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent/game-chat-20-regular.svg" alt="Иконка Game Chat 20 Regular" width="24" height="24">

Вопросы и ответы: Иконка Game Chat 20 Regular

Можно ли бесплатно использовать иконку Game Chat 20 Regular в коммерческих проектах?

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

Как использовать иконку Game Chat 20 Regular в React?

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

Как добавить иконку Game Chat 20 Regular на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent/game-chat-20-regular.svg" alt="Иконка Game Chat 20 Regular">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Fluent UI System Icons →