Icono Tsdown
thesvg-color:tsdown
El icono Tsdown (thesvg-color:tsdown) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 100 × 100. 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
- 100 × 100
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="none"><path d="M0 100h100V0H0z"/><path fill="#bababa" d="M28.936 21.766c6.044-6.801 24.17-9.271 28.82-6.88c4.65 2.39 18.957 20.6 16.27 25.07c-4.494 7.474-12.146 12.953-13.56 14.04c-1.63-2.596-11.845 1.812-9.51 6.5c.177 1.968-9.958 6.737-14.571 7.132c-.39.096-.753.1-1.08-.002c-6.006-.736-16.748-13.029-18.04-18.01c-2.307-8.906 9.442-25.343 11.67-27.85"/><path stroke="rgba(107, 107, 107, 0.78)" d="M28.936 21.766c6.044-6.801 24.17-9.271 28.82-6.88c4.65 2.39 18.957 20.6 16.27 25.07m-45.09-18.19c-2.229 2.507-13.978 18.944-11.67 27.85c1.29 4.981 12.033 17.275 18.04 18.01m-6.37-45.86c11.068 20.395 23.02 27.35 22.02 28.73m23.07-10.54c-4.494 7.474-12.146 12.953-13.56 14.04c-1.63-2.596-11.845 1.812-9.51 6.5c.193 2.141-11.82 7.598-15.65 7.13m38.72-27.67l-23.07 10.54m-15.65 17.13c4.286 1.35 14.65-15.75 15.65-17.13"/><path fill="#d1a656" stroke="rgba(122, 85, 15, 1)" d="M50.973 60.471c-1.944-4.87 7.645-9.002 9.5-6.5l21.49 23.02c-1.345-2.42-13.998 4.749-11.5 9z"/><path fill="#b87e44" stroke="rgba(122, 85, 15, 1)" d="M69.966 84.991c.773 4.606 14.847-3.112 12-8c-.369-2.536-12.413 3.829-12 8Z"/><path fill="#89a5e8" stroke="rgba(69, 106, 191, 1)" d="M39.002 25.702c-1.339-3.997 17.228-6.866 17.252-5.261c2.252.369 11.882 14.597 10.554 14.38c.063 2.62-12.309 8.091-14.769 7.032c-1.408 0-10.567-8.776-13.037-16.15Z"/><path stroke="rgba(255, 255, 255, 1)" stroke-linecap="round" d="m56.822 33.529l.102.348q.023.075.038.115l.024.064l.019.046l.024.058a1 1 0 0 0 .066.143a2 2 0 0 0 .07.126a2 2 0 0 0 .085.138l.086.141l.06.089a1 1 0 0 1 .064.1l.034.058a1 1 0 0 1 .078.142l.042.091l.1.214l.05.103l.045.094l.08.186a1 1 0 0 0 .075.146a3 3 0 0 1 .08.152l.04.083a3 3 0 0 0 .076.156l.036.072l.036.072q.018.036.037.069a2 2 0 0 1 .08.145a3 3 0 0 1 .084.162l.063.123l.065.123a4 4 0 0 0 .115.204l.01.017q.003.008.009.015l.01.017l.009.02l.01.02a.3.3 0 0 1 .02.048q.007.016.01.028l.008.022l.01.025q.007.014.028.072l.035.102m-4.402-3.4l.32-.194l.13-.081q.055-.037.118-.073l.11-.066a3 3 0 0 1 .225-.126l.12-.063l.234-.122q.06-.03.117-.061l.116-.06l.214-.108l.112-.055a10 10 0 0 0 .444-.234l.212-.108a5 5 0 0 1 .425-.188l.224-.089l.296-.111l.078-.033l.145-.056l.127-.048l.077-.026l.044-.016l.052-.024l.2-.102m3.65-1.183a13 13 0 0 0-.34-.162l-.07-.03a1.2 1.2 0 0 0-.222-.055a1 1 0 0 0-.158-.006l-.101.001a1 1 0 0 0-.264.07a1.3 1.3 0 0 0-.25.14a1 1 0 0 0-.103.085a2 2 0 0 0-.17.185q-.044.058-.091.13l-.089.135a2 2 0 0 0-.079.13a1.4 1.4 0 0 0-.116.263a1.8 1.8 0 0 0-.086.434a3 3 0 0 0-.01.167a8 8 0 0 0-.006.331q0 .078.015.16a1.2 1.2 0 0 0 .164.41a3 3 0 0 0 .14.2a1 1 0 0 0 .093.1l.039.03a.6.6 0 0 0 .103.047a1 1 0 0 0 .152.038q.03.005.068.007l.082.003q.045 0 .106-.003a1 1 0 0 0 .118-.017a2 2 0 0 0 .383-.13l.156-.072l.164-.074a3 3 0 0 1 .498-.178a5 5 0 0 1 .323-.057l.149-.023a3 3 0 0 1 .488-.038l.063-.001h.061q.008 0 .034.01a1 1 0 0 1 .134.063a1 1 0 0 1 .095.058l.06.05l.029.026a.1.1 0 0 1 .024.03l.026.049l.033.066q.02.036.037.076a.7.7 0 0 1 .052.182q.006.044.009.092a3 3 0 0 1 .005.203a1 1 0 0 1-.009.11a1 1 0 0 1-.026.12a3 3 0 0 1-.081.258a1.87 1.87 0 0 1-.654.892a2 2 0 0 1-.285.17a2 2 0 0 1-.305.118a4 4 0 0 1-.301.074a2 2 0 0 1-.133.02l-.287.027l-.121.01l-.102.009l-.096.005l-.215.011a3 3 0 0 1-.23.007a2 2 0 0 1-.166-.004L60.904 36a.3.3 0 0 1-.086-.023l-.097-.037"/><path fill="#fcd056" stroke="rgba(184, 151, 61, 1)" d="M33.883 39.842c1.183-1.285 5.424 3.831 4.557 5.355c-1.38 2.425-5.398 5.828-5.398 6.842s2.017 1.64 2.017 3.517c0 .994-8.02.088-8.004-.505c-.627-.46-1.84-6.379-1.604-9.43c.235-3.051 3.255 2.765 3.737 2.001c2.88-4.562 3.513-6.494 4.695-7.78Z"/></g></svg>Cómo usar el icono Tsdown
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:tsdown" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:tsdown" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:tsdown" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tsdown]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tsdown"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:tsdown"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/tsdown.svg" alt="Icono Tsdown" width="24" height="24">El icono Tsdown en otras colecciones
Preguntas frecuentes sobre Icono Tsdown
¿El icono Tsdown 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 Tsdown en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:tsdown" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Tsdown a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/tsdown.svg" alt="Icono Tsdown">, o pega el código SVG en línea para darle estilo con CSS.