Иконка Headphone
fluent-emoji-flat:headphone
Иконка Headphone (fluent-emoji-flat:headphone) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji Flat
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Предметы
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#998ea4" d="m5.99 29.145l-1.94-6.18c-.16-.53.07-1.11.57-1.39l2.52-1.37l2.95 9.43l-2.85.32c-.56.07-1.08-.27-1.25-.81m20.58 0l1.94-6.18c.17-.53-.06-1.11-.57-1.39l-2.52-1.37l-2.95 9.43l2.85.32c.56.07 1.08-.27 1.25-.81"/><path fill="#cdc4d6" d="M26.72 16.11c-.1.3.03.63.3.78c1.04.55 1.44 1.82.92 2.89l-.56 1.13c-.13.27-.4.42-.68.42c-.14 0-.29-.05-.43-.14c-.32-.21-.41-.65-.24-.99l.55-1.1c.16-.32.02-.69-.29-.86c-.91-.5-1.34-1.59-1.02-2.59c.29-.91.44-1.87.44-2.84v-.02c0-1.11-.3-2.2-.86-3.15a9.9 9.9 0 0 0-8.55-4.89c-3.65 0-6.83 1.96-8.56 4.89c-.56.95-.86 2.04-.86 3.15v.02c0 .97.15 1.93.44 2.84c.33 1.01-.1 2.09-1.02 2.59c-.31.17-.45.54-.29.86l.55 1.1c.17.34.08.77-.24.99c-.13.1-.28.14-.43.14c-.28 0-.55-.15-.68-.42l-.56-1.13c-.53-1.06-.12-2.32.92-2.88c.27-.14.4-.47.3-.78A10.81 10.81 0 0 1 8.5 5.18c2.07-2.09 4.84-3.21 7.78-3.18h.02c2.92-.03 5.65 1.07 7.72 3.11c2.08 2.04 3.22 4.78 3.22 7.69c0 1.13-.18 2.24-.52 3.31"/><path fill="#cdc4d6" d="m9.58 18.375l-1.93.6c-.53.17-.82.73-.66 1.26l2.93 9.37c.17.53.73.82 1.26.66l1.93-.6c.53-.17.82-.73.66-1.26l-2.93-9.37c-.16-.53-.73-.82-1.26-.66m13.4 0l1.93.6c.53.17.82.73.66 1.26l-2.93 9.37c-.17.53-.73.82-1.26.66l-1.93-.6c-.53-.17-.82-.73-.66-1.26l2.93-9.37c.17-.53.73-.82 1.26-.66"/></g></svg>
Как использовать иконку Headphone
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:headphone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:headphone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:headphone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--headphone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:headphone"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:headphone"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/headphone.svg" alt="Иконка Headphone" width="24" height="24">
Иконка Headphone в других наборах
Вопросы и ответы: Иконка Headphone
Можно ли бесплатно использовать иконку Headphone в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Headphone в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:headphone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Headphone на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/headphone.svg" alt="Иконка Headphone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji Flat →
ICONYZ
