Icono Tina
thesvg-color:tina
El icono Tina (thesvg-color:tina) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 448 × 621. 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
- 448 × 621
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="621" viewBox="0 0 448 621"><g fill="#ec4815"><path d="M287.399 275.676c30.159-24.945 43.523-172.361 56.578-225.351S411.027.023 411.027.023s-14.018 24.395-8.3 42.6c5.717 18.204 44.885 34.476 44.885 34.476l-8.447 22.271s-17.641-2.256-28.138 18.742c-10.497 20.997 13.15 226.773 13.15 226.773S354.684 471.46 354.684 524c0 52.539 24.868 96.572 24.868 96.572h-34.897s-51.193-60.922-61.692-91.369c-10.499-30.446-6.301-60.893-6.301-60.893s-55.645-3.149-104.988 0s-82.25 45.566-88.19 69.293c-5.938 23.726-8.398 82.969-8.398 82.969H47.493C30.7 568.744 17.36 550.169 24.596 524c20.043-72.488 16.106-113.601 11.466-131.912S0 357.794 0 357.794c15.392-31.358 31.103-46.426 98.684-47.998s158.555-9.176 188.715-34.12"/><path d="M106.714 520.964s7.13 65.984 45.01 99.609h32.462c-32.462-36.775-36.002-132.632-36.002-132.632c-16.511 5.376-39.37 24.624-41.47 33.023"/></g></svg>Cómo usar el icono Tina
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:tina" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:tina" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:tina" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tina]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tina"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:tina"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/tina.svg" alt="Icono Tina" width="24" height="24">El icono Tina en otras colecciones
Preguntas frecuentes sobre Icono Tina
¿El icono Tina 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 Tina en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:tina" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Tina a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/tina.svg" alt="Icono Tina">, o pega el código SVG en línea para darle estilo con CSS.