Icono Jeet
thesvg-color:jeet
El icono Jeet (thesvg-color:jeet) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 128 × 128. theSVG Color icons 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.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 128 × 128
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGH0ttC3mG" d="M81.048 60.31a23.3 23.3 0 0 1-.744 3.75c-.15 8.476-6.817 15.36-15.206 15.85a23.3 23.3 0 0 1-4.68 1.03l-9.274 9.273l27.25 27.252l8.642-8.64c.667-11.898 10.196-21.428 22.093-22.094l7.25-7.25l-27.25-27.25l-8.082 8.08z"/></defs><clipPath id="SVGA487YdKn"><use href="#SVGH0ttC3mG"/></clipPath><linearGradient id="SVGHTuTvbDP" x1="-286.663" x2="-285.993" y1="7.854" y2="7.854" gradientTransform="rotate(130.9 -6240.933 3133.735)scale(44.3)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#09e09c"/><stop offset="1" stop-color="#00bfff"/></linearGradient><path fill="url(#SVGHTuTvbDP)" d="m148.662 80.175l-60.226 69.57L18.864 89.52L79.09 19.948z" clip-path="url(#SVGA487YdKn)"/><defs><path id="SVGBSPPZcdl" d="m12.338 78.658l8.08 8.08c10.818 1.232 19.4 9.814 20.63 20.63l9.275 9.274L77.575 89.39l-8.64-8.642a23.4 23.4 0 0 1-4.932-.815c-8.537-.072-15.494-6.76-15.996-15.19a23.4 23.4 0 0 1-1.166-6.088l-7.25-7.25L12.34 78.658z"/></defs><clipPath id="SVGCayUtboG"><use href="#SVGBSPPZcdl"/></clipPath><linearGradient id="SVGFngzZbWK" x1="-281.399" x2="-280.73" y1="14.666" y2="14.666" gradientTransform="matrix(29.5 31 -31 29.5 8791.172 8364.555)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffc800"/><stop offset="1" stop-color="#00bfff"/></linearGradient><path fill="url(#SVGFngzZbWK)" d="m46.572 18.83l63.58 66.812l-66.812 63.58l-63.58-66.813z" clip-path="url(#SVGCayUtboG)"/><defs><path id="SVGyGAyKFwb" d="M41.26 19.207C40.595 31.104 31.066 40.633 19.17 41.3l-7.252 7.25L39.17 75.802l8.082-8.082c.144-1.267.393-2.503.73-3.7c0-.084-.006-.166-.006-.25c0-8.93 7.24-16.168 16.17-16.168q.391 0 .782.02a23 23 0 0 1 2.954-.53l9.274-9.275L49.9 10.567z"/></defs><clipPath id="SVGFi4wtbNR"><use href="#SVGyGAyKFwb"/></clipPath><linearGradient id="SVG5SBSUMmv" x1="-289.46" x2="-288.79" y1="21.371" y2="21.371" gradientTransform="matrix(29 -29.5 29.5 29 7798.318 -9105.38)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffc800"/><stop offset="1" stop-color="#ff664a"/></linearGradient><path fill="url(#SVG5SBSUMmv)" d="m-20.698 43.742l64.675-65.79l65.79 64.675l-64.674 65.79z" clip-path="url(#SVGFi4wtbNR)"/><defs><path id="SVGpHoWucdq" d="m50.257 38.646l8.642 8.64a23.5 23.5 0 0 1 3.343.43a16 16 0 0 1 1.9-.114c8.93 0 16.17 7.24 16.17 16.168q-.001.524-.036 1.04c.38 1.47.628 3 .716 4.57l7.25 7.25l27.252-27.252l-8.082-8.082c-10.817-1.23-19.398-9.813-20.63-20.63l-9.274-9.274l-27.253 27.254z"/></defs><clipPath id="SVGHhtjeeAC"><use href="#SVGpHoWucdq"/></clipPath><linearGradient id="SVG6KZzodjk" x1="-294.236" x2="-293.566" y1="12.616" y2="12.616" gradientTransform="rotate(224.2 -7139.432 -2558.264)scale(48.1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#09e09c"/><stop offset="1" stop-color="#ff664a"/></linearGradient><path fill="url(#SVG6KZzodjk)" d="M83.834 109.235L17.652 44.972L81.916-21.21l66.182 64.264z" clip-path="url(#SVGHhtjeeAC)"/><path fill="#ffc800" d="M23.948 87.24C10.988 87.24.48 76.732.48 63.77c0-12.96 10.507-23.468 23.468-23.468s23.468 10.507 23.468 23.47c0 12.96-10.507 23.468-23.468 23.468"/><path fill="#ff664a" d="M63.528 47.66c-12.96 0-23.468-10.507-23.468-23.468S50.566.722 63.528.722c12.96 0 23.468 10.508 23.468 23.47c0 12.96-10.508 23.468-23.468 23.468"/><path fill="#00bfff" d="M64.143 127.277c-12.96 0-23.468-10.507-23.468-23.468c0-12.963 10.507-23.47 23.468-23.47S87.61 90.847 87.61 103.81c0 12.96-10.506 23.467-23.467 23.467"/><path fill="#09e09c" d="M104.052 88.027c-12.96 0-23.468-10.507-23.468-23.468c0-12.963 10.507-23.47 23.468-23.47s23.468 10.507 23.468 23.47c0 12.96-10.507 23.467-23.468 23.467"/></svg>Cómo usar el icono Jeet
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:jeet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:jeet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:jeet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--jeet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:jeet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:jeet"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/jeet.svg" alt="Icono Jeet" width="24" height="24">El icono Jeet en otras colecciones
Preguntas frecuentes sobre Icono Jeet
¿El icono Jeet es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Jeet en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:jeet" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Jeet a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/jeet.svg" alt="Icono Jeet">, o pega el código SVG en línea para darle estilo con CSS.