Иконка Trophy
fluent-emoji:trophy
Иконка Trophy (fluent-emoji:trophy) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- 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"><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#i6MhQAc)"><path fill="#FFD340" d="M24.555 6.834c-.9-.25-1.835.27-2.094 1.175a.866.866 0 1 1-1.666-.478a3.435 3.435 0 0 1 4.213-2.369c.034.008.102.025.164.046c2.493.831 2.691 4.214.455 5.45l-4.97 2.75a.866.866 0 1 1-.839-1.516l4.97-2.75c.982-.543.823-1.956-.159-2.288l-.006-.002z"/><path fill="url(#i4JsYZm)" d="M24.555 6.834c-.9-.25-1.835.27-2.094 1.175a.866.866 0 1 1-1.666-.478a3.435 3.435 0 0 1 4.213-2.369c.034.008.102.025.164.046c2.493.831 2.691 4.214.455 5.45l-4.97 2.75a.866.866 0 1 1-.839-1.516l4.97-2.75c.982-.543.823-1.956-.159-2.288l-.006-.002z"/><path fill="url(#i5HuPuc)" d="M24.555 6.834c-.9-.25-1.835.27-2.094 1.175a.866.866 0 1 1-1.666-.478a3.435 3.435 0 0 1 4.213-2.369c.034.008.102.025.164.046c2.493.831 2.691 4.214.455 5.45l-4.97 2.75a.866.866 0 1 1-.839-1.516l4.97-2.75c.982-.543.823-1.956-.159-2.288l-.006-.002z"/></g><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#i79zqYm)"><path fill="#EAA73A" d="M6.307 5.162a3.435 3.435 0 0 1 4.214 2.37a.866.866 0 0 1-1.666.477A1.7 1.7 0 0 0 6.738 6.84l-.046.011l-.006.002c-.982.332-1.141 1.745-.159 2.288l4.97 2.75a.866.866 0 1 1-.839 1.516l-4.97-2.75c-2.235-1.236-2.037-4.619.456-5.45c.061-.02.13-.038.163-.046"/><path fill="url(#iBD70Yb)" d="M6.307 5.162a3.435 3.435 0 0 1 4.214 2.37a.866.866 0 0 1-1.666.477A1.7 1.7 0 0 0 6.738 6.84l-.046.011l-.006.002c-.982.332-1.141 1.745-.159 2.288l4.97 2.75a.866.866 0 1 1-.839 1.516l-4.97-2.75c-2.235-1.236-2.037-4.619.456-5.45c.061-.02.13-.038.163-.046"/></g><g filter="url(#ih749xb)"><path fill="url(#iZcSWvb)" d="M17.328 17.52V13.3h-3.34v4.22c0 .74-.33 1.45-.9 1.92l-1.92 1.6h8.98l-1.92-1.6a2.51 2.51 0 0 1-.9-1.92"/><path fill="url(#iYF5Znc)" d="M17.328 17.52V13.3h-3.34v4.22c0 .74-.33 1.45-.9 1.92l-1.92 1.6h8.98l-1.92-1.6a2.51 2.51 0 0 1-.9-1.92"/></g><path fill="url(#iavgjLE)" d="M17.328 17.52V13.3h-3.34v4.22c0 .74-.33 1.45-.9 1.92l-1.92 1.6h8.98l-1.92-1.6a2.51 2.51 0 0 1-.9-1.92"/><path fill="#EA873A" d="M15.658 16.55a6.97 6.97 0 0 1-6.97-6.97V2.72c0-.39.32-.71.71-.71h12.53c.39 0 .71.32.71.71v6.86c0 3.85-3.12 6.97-6.98 6.97"/><path fill="url(#i3HhHpb)" d="M15.658 16.55a6.97 6.97 0 0 1-6.97-6.97V2.72c0-.39.32-.71.71-.71h12.53c.39 0 .71.32.71.71v6.86c0 3.85-3.12 6.97-6.98 6.97"/><path fill="url(#iORLNeP)" d="M15.658 16.55a6.97 6.97 0 0 1-6.97-6.97V2.72c0-.39.32-.71.71-.71h12.53c.39 0 .71.32.71.71v6.86c0 3.85-3.12 6.97-6.98 6.97"/><path fill="url(#iI6p1zd)" d="M15.658 16.55a6.97 6.97 0 0 1-6.97-6.97V2.72c0-.39.32-.71.71-.71h12.53c.39 0 .71.32.71.71v6.86c0 3.85-3.12 6.97-6.98 6.97"/><g filter="url(#izrAsac)"><path fill="url(#i5OXhQc)" d="M22.578 21.04H8.738c-.73 0-1.35.51-1.49 1.22l-1.53 7.09c-.07.33.18.64.52.64h18.85c.34 0 .59-.31.52-.64l-1.53-7.09c-.15-.71-.77-1.22-1.5-1.22"/><path fill="url(#ioWc2ze)" d="M22.578 21.04H8.738c-.73 0-1.35.51-1.49 1.22l-1.53 7.09c-.07.33.18.64.52.64h18.85c.34 0 .59-.31.52-.64l-1.53-7.09c-.15-.71-.77-1.22-1.5-1.22"/><path fill="url(#iCV124f)" d="M22.578 21.04H8.738c-.73 0-1.35.51-1.49 1.22l-1.53 7.09c-.07.33.18.64.52.64h18.85c.34 0 .59-.31.52-.64l-1.53-7.09c-.15-.71-.77-1.22-1.5-1.22"/></g><g filter="url(#iwe6PFv)"><path fill="#914556" d="M18.402 23.884h-6.02c-.35 0-.64.28-.64.64v1.81c0 .35.28.64.64.64h6.02c.35 0 .64-.28.64-.64v-1.81c0-.35-.28-.64-.64-.64"/></g><g filter="url(#itVN37b)"><path fill="url(#iDoPF3d)" d="M18.668 23.7h-6.02c-.35 0-.64.28-.64.64v1.81c0 .35.28.64.64.64h6.02c.35 0 .64-.28.64-.64v-1.81c0-.35-.28-.64-.64-.64"/></g><defs><linearGradient id="i4JsYZm" x1="22.236" x2="25.868" y1="11.944" y2="8.668" gradientUnits="userSpaceOnUse"><stop stop-color="#FEC551"/><stop offset="1" stop-color="#FEC551" stop-opacity="0"/></linearGradient><linearGradient id="iBD70Yb" x1="9.565" x2="7.078" y1="7.957" y2="7.247" gradientUnits="userSpaceOnUse"><stop stop-color="#D27840"/><stop offset="1" stop-color="#D27840" stop-opacity="0"/></linearGradient><linearGradient id="iZcSWvb" x1="16.953" x2="11.891" y1="19.76" y2="19.76" gradientUnits="userSpaceOnUse"><stop stop-color="#FBC33A"/><stop offset="1" stop-color="#DB7B3C"/></linearGradient><linearGradient id="i5OXhQc" x1="5.706" x2="25.616" y1="25.512" y2="25.512" gradientUnits="userSpaceOnUse"><stop stop-color="#9D5B6C"/><stop offset="1" stop-color="#955569"/></linearGradient><linearGradient id="ioWc2ze" x1="15.663" x2="15.663" y1="30.379" y2="28.753" gradientUnits="userSpaceOnUse"><stop stop-color="#8C3A79"/><stop offset="1" stop-color="#8C3A79" stop-opacity="0"/></linearGradient><linearGradient id="iCV124f" x1="24.87" x2="23.932" y1="26.532" y2="26.751" gradientUnits="userSpaceOnUse"><stop stop-color="#B0817C"/><stop offset="1" stop-color="#B0817C" stop-opacity="0"/></linearGradient><linearGradient id="iDoPF3d" x1="19.682" x2="12.008" y1="25.245" y2="25.245" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE767"/><stop offset="1" stop-color="#FEBB5B"/></linearGradient><radialGradient id="i5HuPuc" cx="0" cy="0" r="1" gradientTransform="matrix(4.69737 -1.85526 1.70898 4.327 22.276 8.905)" gradientUnits="userSpaceOnUse"><stop offset=".727" stop-color="#FFEC6A" stop-opacity="0"/><stop offset="1" stop-color="#FFEC6A"/></radialGradient><radialGradient id="iYF5Znc" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.09 -1.90625 0 17.235 17.17)" gradientUnits="userSpaceOnUse"><stop offset=".193" stop-color="#FFE469"/><stop offset="1" stop-color="#FFE469" stop-opacity="0"/></radialGradient><radialGradient id="iavgjLE" cx="0" cy="0" r="1" gradientTransform="rotate(149.162 6.89 12.85)scale(2.27493 3.45405)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD34D"/><stop offset="1" stop-color="#FFD34D" stop-opacity="0"/></radialGradient><radialGradient id="i3HhHpb" cx="0" cy="0" r="1" gradientTransform="matrix(1.36288 12.34872 -7.92943 .87514 18.203 3.135)" gradientUnits="userSpaceOnUse"><stop offset=".121" stop-color="#FFFA73"/><stop offset="1" stop-color="#FFFA73" stop-opacity="0"/></radialGradient><radialGradient id="iORLNeP" cx="0" cy="0" r="1" gradientTransform="matrix(0 .70434 -7.87152 0 18.284 2.01)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF45B"/><stop offset="1" stop-color="#FFF45B" stop-opacity="0"/></radialGradient><radialGradient id="iI6p1zd" cx="0" cy="0" r="1" gradientTransform="matrix(-6.87504 11.18747 -10.73354 -6.59609 19.016 4.76)" gradientUnits="userSpaceOnUse"><stop offset=".787" stop-color="#C55D73" stop-opacity="0"/><stop offset="1" stop-color="#C55D73"/></radialGradient><filter id="i6MhQAc" width="7.81" height="8.729" x="19.371" y="4.788" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.937255 0 0 0 0 0.576471 0 0 0 0 0.247059 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1422"/></filter><filter id="i79zqYm" width="7.81" height="8.729" x="4.134" y="4.788" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.854902 0 0 0 0 0.458824 0 0 0 0 0.286275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1422"/></filter><filter id="ih749xb" width="9.48" height="7.99" x="11.168" y="13.3" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.843137 0 0 0 0 0.462745 0 0 0 0 0.215686 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1422"/></filter><filter id="izrAsac" width="20.564" height="9.6" x="5.706" y="21.04" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".65" dy=".65"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.509804 0 0 0 0 0.270588 0 0 0 0 0.270588 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1422"/></filter><filter id="iwe6PFv" width="8.1" height="3.89" x="11.342" y="23.484" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_1422" stdDeviation=".2"/></filter><filter id="itVN37b" width="7.55" height="3.34" x="12.008" y="23.45" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.25"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.941176 0 0 0 0 0.533333 0 0 0 0 0.333333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_1422"/></filter></defs></g></svg>Как использовать иконку Trophy
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:trophy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:trophy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:trophy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--trophy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:trophy"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:trophy"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/trophy.svg" alt="Иконка Trophy" width="24" height="24">Иконка Trophy в других наборах
Вопросы и ответы: Иконка Trophy
Можно ли бесплатно использовать иконку Trophy в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Trophy в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:trophy" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Trophy на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/trophy.svg" alt="Иконка Trophy">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.