ICONYZ
Español
Icono Trophy de OpenMoji

Icono Trophy

openmoji:trophy

El icono Trophy (openmoji:trophy) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
OpenMoji
Autor
OpenMoji
Licencia
CC-BY-SA-4.0
Tamaño
72 × 72
Categoría
Actividades
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fcea2b" d="m41.585 12.081l-21.34-.106c.072.332 2.183 8.799 3.943 17.603c.112.562.24 1.1.373 1.616c.04.154.084.3.126.451a22 22 0 0 0 .476 1.517q.183.511.383.99l.147.35c.183.413.376.81.582 1.183l.01.019q.33.597.721 1.157l.025.034q.347.49.744.939l.128.139q.354.387.747.735q.063.057.127.112a10.75 10.75 0 0 0 7.264 2.4c.986.003 1.968-.1 2.931-.308c4.414-10.13 4.32-19.57 2.613-28.831"/><path fill="#f1b31c" d="M41.585 12.081c.609 9.438 1.895 17.5-3.112 29.828c4.706-1.027 8.576-5.732 9.922-12.46c1.457-7.282 3.119-16.638 3.194-16.976z"/><path fill="#fcea2b" d="M31.421 51.333h-3.87V58.5h10.957v-7.167z"/><path fill="#f1b31c" d="M43.883 51.333h-5.375V58.5h5.375z"/><circle cx="36.037" cy="24.581" r="4" fill="#f1b31c"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M52.219 11.832c.158 0 .275.145.239.298c-.206.877-.943 4.293-3.588 17.516c-1.588 7.942-5.5 12.572-12.833 12.572s-11.245-4.5-12.833-12.443c-2.414-11.85-3.667-17.943-3.667-17.943zM23.044 31.479s.08-.261-5.42-3.928c-2.529-1.683-5.46-3.9-5.46-6.943s2.5-5.11 5.54-5.11h1.512m29.495 16.268s.08-.261 5.58-3.928c2.527-1.683 5.54-3.9 5.54-6.943a5.146 5.146 0 0 0-5.46-5.11h-2.155M26.55 50.332h18.333v9.167H26.55z"/><circle cx="36.037" cy="24.581" r="5"/><path d="M36.037 50.332v-8.114"/></g></svg>

Cómo usar el icono Trophy

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:trophy" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:trophy" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:trophy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--trophy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:trophy"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:trophy"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/openmoji/trophy.svg" alt="Icono Trophy" width="24" height="24">

El icono Trophy en otras colecciones

Preguntas frecuentes sobre Icono Trophy

¿El icono Trophy es gratis para uso comercial?

Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Trophy en React?

Instala @iconify/react y renderiza <Icon icon="openmoji:trophy" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Trophy a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/trophy.svg" alt="Icono Trophy">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos OpenMoji →