ICONYZ
Русский
Иконка Voice Chat Off Rounded из набора Material Symbols Light

Иконка Voice Chat Off Rounded

material-symbols-light:voice-chat-off-rounded

Иконка Voice Chat Off Rounded (material-symbols-light:voice-chat-off-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Symbols Light
Автор
Google
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Общение
Теги
voicechat, chatoff, offrounded, voicechatoffrounded
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.066 10.375q.126-.126.126-.317v-.116q0-.191-.125-.317q-.125-.125-.316-.125t-.317.125t-.126.317v.116q0 .191.125.317q.125.125.316.125q.192 0 .317-.125m10.5 0q.126-.126.126-.317v-.116q0-.191-.125-.317q-.125-.125-.316-.125t-.317.125t-.126.317v.116q0 .191.125.317q.125.125.316.125q.192 0 .317-.125M3.51 18.865q-.218-.086-.364-.268Q3 18.416 3 18.133V4.116h1.116L14.5 14.5h-1.415L1.36 2.777q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l6.739 6.739v3.25q0 .191.125.317q.125.125.316.125q.192 0 .317-.125q.126-.126.126-.317V9.692l1.866 1.866v2.5q0 .191.125.317q.125.125.316.125q.192 0 .317-.125q.126-.126.126-.317v-1.616l8.181 8.181q.14.14.153.342t-.157.37q-.155.156-.35.156t-.353-.16L15.572 17H6.077l-1.71 1.71q-.186.186-.413.214t-.444-.058m16.117-1.974l-4.435-4.473V7.942q0-.191-.125-.317q-.125-.125-.316-.125t-.317.125t-.126.317v3.593L12.442 9.65V5.942q0-.191-.125-.317q-.125-.125-.316-.125t-.317.125t-.126.317v2.804L7.223 4.373q-.379-.379-.171-.876T7.794 3h11.59q.691 0 1.154.463T21 4.615v11.706q0 .535-.497.742q-.497.208-.876-.17"/></svg>

Как использовать иконку Voice Chat Off Rounded

React

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

<Icon icon="material-symbols-light:voice-chat-off-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:voice-chat-off-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:voice-chat-off-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--voice-chat-off-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:voice-chat-off-rounded"></div>

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

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

<iconify-icon icon="material-symbols-light:voice-chat-off-rounded"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/material-symbols-light/voice-chat-off-rounded.svg" alt="Иконка Voice Chat Off Rounded" width="24" height="24">

Похожие иконки в наборе Material Symbols Light

Иконка Voice Chat Off Rounded в других наборах

Вопросы и ответы: Иконка Voice Chat Off Rounded

Можно ли бесплатно использовать иконку Voice Chat Off Rounded в коммерческих проектах?

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

Как использовать иконку Voice Chat Off Rounded в React?

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

Как добавить иконку Voice Chat Off Rounded на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/voice-chat-off-rounded.svg" alt="Иконка Voice Chat Off Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols Light →