Icono Trophy 1
lineicons:trophy-1
El icono Trophy 1 (lineicons:trophy-1) es un icono SVG gratuito de la colección Lineicons. Está dibujado en una cuadrícula de 24 × 24. Lineicons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.45 13.29c.74-.29 4.3-1.96 4.3-7.13c0-.41-.34-.75-.75-.75h-2.28V4c0-.41-.34-.75-.75-.75H7.03c-.41 0-.75.34-.75.75v1.41H4c-.41 0-.75.34-.75.75c0 5.17 3.56 6.84 4.3 7.13c.9 1.12 2.21 1.88 3.7 2.08v1.29H8.5c-.32 0-.61.21-.71.51l-.86 2.59a.75.75 0 0 0 .1.68c.14.2.37.31.61.31h8.72c.24 0 .47-.12.61-.31s.18-.45.1-.68l-.86-2.59a.74.74 0 0 0-.71-.51h-2.75v-1.29c1.49-.2 2.8-.96 3.7-2.08m-1.13 5.96H8.68l.36-1.09h5.91zm3.9-12.34c-.15 1.81-.86 3-1.59 3.77c.06-.32.09-.64.09-.98V6.91zm-14.44 0h1.5V9.7c0 .33.03.66.09.98c-.73-.77-1.43-1.96-1.58-3.77zm3 2.79V4.75h8.45V9.7a4.22 4.22 0 0 1-4.22 4.22A4.23 4.23 0 0 1 7.78 9.7"/></svg>Cómo usar el icono Trophy 1
React
import { Icon } from "@iconify/react";
<Icon icon="lineicons:trophy-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lineicons:trophy-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lineicons:trophy-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--trophy-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:trophy-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lineicons:trophy-1"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/lineicons/trophy-1.svg" alt="Icono Trophy 1" width="24" height="24">Preguntas frecuentes sobre Icono Trophy 1
¿El icono Trophy 1 es gratis para uso comercial?
Sí. Lineicons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Trophy 1 en React?
Instala @iconify/react y renderiza <Icon icon="lineicons:trophy-1" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Trophy 1 a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/lineicons/trophy-1.svg" alt="Icono Trophy 1">, o pega el código SVG en línea para darle estilo con CSS.