Иконка Trumpet
fluent-emoji-high-contrast:trumpet
Иконка Trumpet (fluent-emoji-high-contrast:trumpet) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Предметы
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m22.104 4.745l-.09-1.88c-.04-.77.91-1.16 1.43-.6l6.34 7.01c.52.58.03 1.48-.73 1.37l-1.91-.28c-.82-.12-2.21.18-3.2.44c-.72.19-1.39.56-1.95 1.06l-.34.3c1 .29 1.92.86 2.67 1.68a5.87 5.87 0 0 1 .281 7.547l.138.153c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.079-.087l-1.427 1.292l.076.085c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.075-.084l-1.433 1.297l.078.086c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.139-.153a5.874 5.874 0 0 1-8.864-3.874l-1.924 1.74c.393.49.336 1.216-.143 1.648c-.49.45-1.26.41-1.71-.09l-1.78-1.97c-.45-.49-.41-1.26.09-1.71a1.205 1.205 0 0 1 1.643.021l4.87-4.402l-.913-1.01l-.042-.053a.74.74 0 0 1-.938-.127a.74.74 0 0 1 .05-1.04l1.49-1.35a.74.74 0 0 1 1.04.05a.74.74 0 0 1 .023.965q.024.02.047.046l.913 1.009l.597-.54l.044-.037l.793-.719l-.917-1.013l-.037-.047a.74.74 0 0 1-.943-.123a.74.74 0 0 1 .05-1.04l1.49-1.35a.74.74 0 0 1 1.04.05a.74.74 0 0 1 .027.96q.023.017.043.04l.916 1.012l1.428-1.292l-.914-1.01l-.04-.051a.74.74 0 0 1-.95-.12a.74.74 0 0 1 .05-1.04l1.49-1.35a.73.73 0 0 1 1.04.05c.243.27.251.68.03.955l.05.046l.913 1.008l3.298-2.988c.56-.51.99-1.14 1.25-1.85c.37-.97.81-2.34.77-3.17M17.023 16.37l-1.428 1.293l4.076 4.503l1.428-1.293zm5.627 2.862a3.05 3.05 0 0 0-.426-3.477v-.001h-.001a3.03 3.03 0 0 0-2.286-.997a3 3 0 0 0-1.128.231zm-4.648 4.445l-4.076-4.503l-1.433 1.297l4.076 4.503zm-3.226 2.67l-3.828-4.23a3.05 3.05 0 0 0 .436 3.457a3.04 3.04 0 0 0 3.391.773"/></svg>
Как использовать иконку Trumpet
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:trumpet" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:trumpet" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:trumpet" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--trumpet]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:trumpet"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:trumpet"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/trumpet.svg" alt="Иконка Trumpet" width="24" height="24">
Иконка Trumpet в других наборах
Вопросы и ответы: Иконка Trumpet
Можно ли бесплатно использовать иконку Trumpet в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Trumpet в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:trumpet" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Trumpet на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/trumpet.svg" alt="Иконка Trumpet">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
