Иконка Trumpet
fluent-emoji-flat:trumpet
Иконка Trumpet (fluent-emoji-flat:trumpet) — бесплатная 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="#e19747" d="m14.233 12.575l.96-.86c.19-.18.5-.16.68.03l8.87 9.8c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-8.87-9.8c-.18-.2-.17-.5.03-.68m-2.14 1.94l-.96.86c-.2.18-.21.48-.03.68l1.294 1.43a1.43 1.43 0 0 0-1.214.34l-.597.539l-.913-1.01a.477.477 0 0 0-.68-.03l-.96.86c-.2.18-.21.48-.03.68l.913 1.01l-5.233 4.73a1.42 1.42 0 0 0-.1 2c.52.58 1.42.62 2 .1l5.234-4.73l6.056 6.69c.42.46 1.13.5 1.59.08s.5-1.13.08-1.59l-6.056-6.69l.596-.54a1.4 1.4 0 0 0 .458-1.175l6.432 7.106c.42.46 1.13.5 1.59.08s.5-1.13.08-1.59l-8.87-9.8a.496.496 0 0 0-.68-.03"/><path fill="#ffb02e" d="m22.014 2.865l.09 1.88c.04.83-.4 2.2-.77 3.17c-.26.71-.69 1.34-1.25 1.85l-4.05 3.67l-3.69 3.34l-2.65 2.4a5.87 5.87 0 0 0-.41 8.29c2.18 2.4 5.89 2.59 8.29.41l6.34-5.74a5.868 5.868 0 0 0-2.26-9.97l.34-.3c.56-.5 1.23-.87 1.95-1.06c.99-.26 2.38-.56 3.2-.44l1.91.28c.76.11 1.25-.79.73-1.37l-6.34-7.01c-.52-.56-1.47-.17-1.43.6m.21 12.89c1.12 1.24 1.03 3.17-.21 4.29l-6.34 5.74c-1.24 1.12-3.17 1.03-4.29-.21s-1.03-3.17.21-4.29l2.63-2.38l3.71-3.36a3.036 3.036 0 0 1 4.29.21"/><path fill="#d3d3d3" d="m14.753 10.695l-1.49 1.35a.74.74 0 0 0-.05 1.04c.27.3.74.32 1.04.05l1.49-1.35c.3-.27.32-.74.05-1.04a.73.73 0 0 0-1.04-.05m-4.58 4.15l1.49-1.35a.74.74 0 0 1 1.04.05c.27.3.25.77-.05 1.04l-1.49 1.35a.74.74 0 0 1-1.04-.05a.74.74 0 0 1 .05-1.04m-3.1 2.8l1.49-1.35a.74.74 0 0 1 1.04.05c.27.3.25.77-.05 1.04l-1.49 1.35a.74.74 0 0 1-1.04-.05a.74.74 0 0 1 .05-1.04m-4.76 8.32c-.45-.49-.41-1.26.09-1.71s1.26-.41 1.71.09l1.78 1.97c.45.49.41 1.26-.09 1.71c-.49.45-1.26.41-1.71-.09z"/><path fill="#e19747" d="m22.223 15.755l2.1-1.9a5.8 5.8 0 0 0-2.67-1.68l-3.72 3.37a3.036 3.036 0 0 1 4.29.21"/></g></svg>
Как использовать иконку Trumpet
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:trumpet" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:trumpet" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:trumpet" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--trumpet]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:trumpet"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:trumpet"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/trumpet.svg" alt="Иконка Trumpet" width="24" height="24">
Иконка Trumpet в других наборах
Вопросы и ответы: Иконка Trumpet
Можно ли бесплатно использовать иконку Trumpet в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Trumpet в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:trumpet" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Trumpet на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/trumpet.svg" alt="Иконка Trumpet">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji Flat →
ICONYZ
