Иконка Muted Speaker

fluent-emoji:muted-speaker

Иконка Muted Speaker (fluent-emoji:muted-speaker) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent Emoji
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 32 × 32
Теги: mutedspeaker

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="21.164" cy="15.777" r="3.219" fill="url(#i3tMK6c)"/><circle cx="21.164" cy="15.777" r="3.219" fill="url(#in9aDPd)"/><circle cx="21.164" cy="15.777" r="3.219" fill="url(#iTI748d)"/><path fill="url(#iAchEBb)" d="M4.633 10.432a1.6 1.6 0 0 1 1.6-1.6h4.337v13.89H6.233a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#iKvRMEc)" d="M4.633 10.432a1.6 1.6 0 0 1 1.6-1.6h4.337v13.89H6.233a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#ig0DrFs)" d="M4.633 10.432a1.6 1.6 0 0 1 1.6-1.6h4.337v13.89H6.233a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#ibY615N)" d="M21.43 6.653c0-1.62-1.724-2.658-3.156-1.9L10.57 8.832v13.89l7.7 4.1c1.431.762 3.16-.276 3.16-1.898z"/><path fill="url(#iOEfbUN)" d="M21.43 6.653c0-1.62-1.724-2.658-3.156-1.9L10.57 8.832v13.89l7.7 4.1c1.431.762 3.16-.276 3.16-1.898z"/><path fill="url(#io3WIOc)" d="M21.43 6.653c0-1.62-1.724-2.658-3.156-1.9L10.57 8.832v13.89l7.7 4.1c1.431.762 3.16-.276 3.16-1.898z"/><path fill="url(#i0Sq3ob)" d="M21.43 6.653c0-1.62-1.724-2.658-3.156-1.9L10.57 8.832v13.89l7.7 4.1c1.431.762 3.16-.276 3.16-1.898z"/><path fill="url(#iC2mICb)" d="M21.43 6.653c0-1.62-1.724-2.658-3.156-1.9L10.57 8.832v13.89l7.7 4.1c1.431.762 3.16-.276 3.16-1.898z"/><g filter="url(#i1e2wuL)"><path fill="url(#iTdmTbc)" d="M5.05 4.992a1.09 1.09 0 0 1 1.54 0L27.066 25.47a1.088 1.088 0 1 1-1.539 1.539L5.051 6.53a1.09 1.09 0 0 1 0-1.539"/></g><defs><linearGradient id="iAchEBb" x1="11.633" x2="7.602" y1="11.035" y2="20.535" gradientUnits="userSpaceOnUse"><stop offset=".213" stop-color="#D2CED6"/><stop offset="1" stop-color="#DDD5E6"/></linearGradient><linearGradient id="iKvRMEc" x1="8.883" x2="8.883" y1="23.098" y2="19.098" gradientUnits="userSpaceOnUse"><stop stop-color="#B6B0BD"/><stop offset="1" stop-color="#D8D0E1" stop-opacity="0"/></linearGradient><linearGradient id="ig0DrFs" x1="4.633" x2="7.195" y1="18.035" y2="18.035" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#A5A5A5"/><stop offset="1" stop-color="#C3BECB" stop-opacity="0"/></linearGradient><linearGradient id="ibY615N" x1="22.008" x2="13.508" y1="7.535" y2="23.848" gradientUnits="userSpaceOnUse"><stop stop-color="#BFBAC4"/><stop offset="1" stop-color="#CAC2D3"/></linearGradient><linearGradient id="io3WIOc" x1="14.602" x2="16.289" y1="25.254" y2="22.066" gradientUnits="userSpaceOnUse"><stop stop-color="#B3AFB8"/><stop offset="1" stop-color="#CAC2D3" stop-opacity="0"/></linearGradient><linearGradient id="i0Sq3ob" x1="22.626" x2="19.241" y1="21.482" y2="21.482" gradientUnits="userSpaceOnUse"><stop stop-color="#E6E7EF"/><stop offset="1" stop-color="#D2CBDA" stop-opacity="0"/></linearGradient><linearGradient id="iTdmTbc" x1="10.883" x2="26.32" y1="10.723" y2="26.16" gradientUnits="userSpaceOnUse"><stop stop-color="#F13D4E"/><stop offset="1" stop-color="#F2389A"/></linearGradient><radialGradient id="i3tMK6c" cx="0" cy="0" r="1" gradientTransform="rotate(113.233 7.221 14.562)scale(5.79574)" gradientUnits="userSpaceOnUse"><stop offset=".097" stop-color="#E1E0E4"/><stop offset="1" stop-color="#CECAD6"/></radialGradient><radialGradient id="in9aDPd" cx="0" cy="0" r="1" gradientTransform="rotate(145.706 9.39 10.954)scale(1.89104)" gradientUnits="userSpaceOnUse"><stop stop-color="#F4F6FE"/><stop offset="1" stop-color="#F4F6FE" stop-opacity="0"/></radialGradient><radialGradient id="iTI748d" cx="0" cy="0" r="1" gradientTransform="matrix(-.27222 3.9757 -4.04797 -.27717 21.437 15.02)" gradientUnits="userSpaceOnUse"><stop offset=".594" stop-color="#D1CCD9" stop-opacity="0"/><stop offset="1" stop-color="#B9B6BF"/></radialGradient><radialGradient id="iOEfbUN" cx="0" cy="0" r="1" gradientTransform="matrix(2.625 4.375 -15.32416 9.19451 13.664 6.754)" gradientUnits="userSpaceOnUse"><stop offset=".115" stop-color="#ABABAC"/><stop offset="1" stop-color="#C2BDC7" stop-opacity="0"/></radialGradient><radialGradient id="iC2mICb" cx="0" cy="0" r="1" gradientTransform="matrix(0 16.0625 -2.22649 0 20.57 11.441)" gradientUnits="userSpaceOnUse"><stop stop-color="#F8F6FB"/><stop offset="1" stop-color="#E7E6EE" stop-opacity="0"/></radialGradient><filter id="i1e2wuL" width="22.703" height="22.703" x="4.732" y="4.623" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".05" dy="-.05"/><feGaussianBlur stdDeviation=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.752941 0 0 0 0 0.14902 0 0 0 0 0.211765 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17776"/></filter></defs></g></svg>

Как использовать иконку Muted Speaker

React

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

<Icon icon="fluent-emoji:muted-speaker" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:muted-speaker" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:muted-speaker" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--muted-speaker]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:muted-speaker"></div>

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

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

<iconify-icon icon="fluent-emoji:muted-speaker"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent-emoji/muted-speaker.svg" alt="Иконка Muted Speaker" width="24" height="24">

Иконка Muted Speaker в других наборах

Вопросы и ответы: Иконка Muted Speaker

Можно ли бесплатно использовать иконку Muted Speaker в коммерческих проектах?

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

Как использовать иконку Muted Speaker в React?

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

Как добавить иконку Muted Speaker на веб-страницу?

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

Все Иконки Fluent Emoji →