Иконка Trophy
emojione:trophy
Иконка Trophy (emojione:trophy) — бесплатная SVG-иконка из набора Emoji One (Colored) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Emoji One (Colored)
- Автор
- Emoji One
- Лицензия
- CC-BY-4.0
- Размер
- 64 × 64
- Категория
- Занятия
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f2b200" d="M12.7 31.7c-.5 0-1.1-.1-1.5-.4c-1.3-.7-2.9-2.5-2.9-7.3c0-10-5.4-15.8-5.4-15.8l-.9-1L6.7 2l.8 1.2c.1.1 2.6 3.7 6.5 2.7l.5 2.6c-3.9 1-6.7-1.1-8.1-2.6l-1 1.3c1.7 2.2 5.3 8 5.3 16.8c0 2.6.5 4.4 1.5 4.9c.7.4 1.8 0 2.8-1c2.6-2.6 4.5-9 4.5-9l2.2.8c-.1.3-2.1 7.2-5.2 10.2c-1.3 1.2-2.6 1.8-3.8 1.8m38.6 0c.5 0 1.1-.1 1.5-.4c1.3-.7 2.9-2.5 2.9-7.3c0-10.1 5.3-15.8 5.4-15.9l.9-.9L57.3 2l-.8 1.2c-.1.1-2.6 3.7-6.5 2.7l-.5 2.6c3.9 1 6.7-1.1 8.1-2.6l1.2 1.3c-1.7 2.2-5.3 8-5.3 16.8c0 2.6-.5 4.4-1.5 4.9c-.7.4-1.8 0-2.8-1c-2.6-2.6-4.5-9-4.5-9l-2.2.8c.1.3 2.1 7.2 5.2 10.2c1.1 1.2 2.4 1.8 3.6 1.8M29 24.9h6.1v24.5H29z"/><path fill="#ffce31" d="M30.2 24.9h3.6v24.5h-3.6z"/><path fill="#f2b200" d="M11.8 2C13.5 17.4 21.9 29.7 32 29.7S50.5 17.4 52.2 2z"/><path fill="#ffce31" d="M15.7 2c1.4 15.6 8.2 28 16.3 28S46.9 17.6 48.3 2z"/><path fill="#f2b200" d="M47.6 54H16.4s7-9 15.6-9s15.6 9 15.6 9"/><path fill="#ffce31" d="M43.9 54H20.1s5.3-9.2 11.9-9.2S43.9 54 43.9 54"/><path fill="#bc845e" d="M11.8 56h40.4v6H11.8z"/><path fill="#916140" d="M16.4 54h31.3v2H16.4z"/><path fill="#f2b200" d="M22 57.5h20v3H22z"/><path fill="#ce9c7a" d="M11.8 56h2v6h-2z"/><path fill="#916140" d="M50.2 56h2v6h-2z"/><path fill="#ffce31" d="M23 57.5h18v3H23z"/></svg>
Как использовать иконку Trophy
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:trophy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:trophy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:trophy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--trophy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:trophy"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:trophy"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione/trophy.svg" alt="Иконка Trophy" width="24" height="24">
Иконка Trophy в других наборах
Вопросы и ответы: Иконка Trophy
Можно ли бесплатно использовать иконку Trophy в коммерческих проектах?
Да. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Trophy в React?
Установите @iconify/react и выведите <Icon icon="emojione:trophy" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Trophy на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione/trophy.svg" alt="Иконка Trophy">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Emoji One (Colored) →
ICONYZ
