Иконка Trophy
fluent-emoji-high-contrast:trophy
Иконка Trophy (fluent-emoji-high-contrast:trophy) — бесплатная 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" stroke="currentColor" d="m9.335 11.257l-.846-.468l-2.204-1.22c-1.357-.75-1.158-2.725.24-3.199l.015-.004l.014-.004l.006-.002l.004-.001l.053-.014zm0 0l-.107-.961a7 7 0 0 1-.04-.726V7.472l-.068-.117a2.2 2.2 0 0 0-2.493-1.012l-.01.002zM10.688 3.5h-.5v6.07a5.47 5.47 0 0 0 5.47 5.47c3.033 0 5.48-2.45 5.48-5.47V3.5zm-.802 8.998l-.07-.137l-.133-.074L5.93 10.21c-1.881-1.04-1.68-3.855.371-4.539c.04-.013.092-.026.126-.035l.012-.003a2.92 2.92 0 0 1 2.034.177l.714.34V2.71c0-.114.096-.21.21-.21h12.53c.114 0 .21.096.21.21v3.433l.713-.336a2.92 2.92 0 0 1 2.025-.173l.012.003c.034.009.085.022.126.035c2.052.684 2.252 3.499.372 4.539l-3.74 2.068l-.134.075l-.07.137a6.48 6.48 0 0 1-4.233 3.363l-.381.093v1.563c0 .89.397 1.73 1.078 2.302l.002.002l1.92 1.6l.139.116h2.825c.55 0 .99.362 1.094.829v.002l1.614 7.088v.003l-.005.007c-.007.008-.024.021-.056.021H5.561c-.032 0-.05-.013-.056-.021l-.005-.007v-.003l1.613-7.088l.002-.01c.096-.459.53-.821 1.082-.821h3.152l.14-.116l1.917-1.598l.001-.001a3 3 0 0 0 1.08-2.305v-1.563l-.38-.094a6.48 6.48 0 0 1-4.22-3.355ZM22.21 7.333l-.071.118V9.57q0 .366-.04.72l-.106.96l.845-.467l2.193-1.214c1.357-.75 1.159-2.725-.24-3.199l-.014-.004l-.014-.004l-.006-.002l-.007-.002l-.021-.005l-.004-.001l-.024-.006l-.01-.003l-.135.481l.134-.481a2.2 2.2 0 0 0-2.48.99ZM18.383 23.46h-5.766c-.626 0-1.113.52-1.113 1.14v1.81c0 .6.467 1.14 1.113 1.14h5.766c.627 0 1.113-.52 1.113-1.14V24.6c0-.6-.467-1.14-1.113-1.14Z"/></svg>
Как использовать иконку Trophy
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:trophy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:trophy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:trophy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--trophy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:trophy"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:trophy"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/trophy.svg" alt="Иконка Trophy" width="24" height="24">
Иконка Trophy в других наборах
Вопросы и ответы: Иконка Trophy
Можно ли бесплатно использовать иконку Trophy в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Trophy в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:trophy" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Trophy на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/trophy.svg" alt="Иконка Trophy">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
