Icono Tsnode
logos:tsnode
El icono Tsnode (logos:tsnode) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 190. SVG Logos icons se publican bajo la licencia CC0, 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
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 512 × 190
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="190" viewBox="0 0 512 190"><defs><path id="SVGDFbcPdhT" d="M78.646 1.2L4.482 44.009A8.95 8.95 0 0 0 0 51.765v85.685a8.96 8.96 0 0 0 4.478 7.76l74.164 42.843a8.97 8.97 0 0 0 8.964 0l74.18-42.842a8.96 8.96 0 0 0 4.48-7.76V51.767a8.95 8.95 0 0 0-4.482-7.76L87.602 1.201A8.9 8.9 0 0 0 83.122 0a8.9 8.9 0 0 0-4.476 1.2"/></defs><path fill="#2261a8" d="M78.645 1.2L4.481 44.008A8.95 8.95 0 0 0 0 51.764v85.686a8.96 8.96 0 0 0 4.477 7.76l74.163 42.843a8.97 8.97 0 0 0 8.965 0l74.18-42.842a8.96 8.96 0 0 0 4.48-7.76V51.767a8.95 8.95 0 0 0-4.482-7.76L87.602 1.2a8.94 8.94 0 0 0-4.48-1.2a8.93 8.93 0 0 0-4.477 1.2"/><g fill="#fff" transform="translate(0 .411)"><mask id="SVGstr3FdTO"><use href="#SVGDFbcPdhT"/></mask><path d="M50.114 182.649h17.442v-69.394h24.17V97.93H25.944v15.325h24.17z" mask="url(#SVGstr3FdTO)"/><path d="M128.221 183.77c16.57 0 28.904-8.596 28.904-24.294c0-14.577-8.347-21.055-23.173-27.41l-4.36-1.868c-7.476-3.24-10.715-5.357-10.715-10.59c0-4.236 3.24-7.475 8.348-7.475c4.983 0 8.223 2.118 11.212 7.475l13.58-8.721c-5.73-10.091-13.704-13.953-24.792-13.953c-15.573 0-25.54 9.967-25.54 23.048c0 14.203 8.347 20.93 20.93 26.288l4.36 1.868c7.974 3.49 12.709 5.607 12.709 11.587c0 4.983-4.61 8.597-11.836 8.597c-8.596 0-13.455-4.486-17.193-10.59l-14.203 8.222c5.108 10.091 15.573 17.816 31.77 17.816" mask="url(#SVGstr3FdTO)"/></g><path fill="#333" d="M258.709 125.059a3.73 3.73 0 0 0-1.865-3.24l-30.878-17.77a3.6 3.6 0 0 0-1.7-.492h-.32a3.7 3.7 0 0 0-1.705.491l-30.878 17.77a3.74 3.74 0 0 0-1.867 3.241l.068 47.85c0 .666.345 1.284.932 1.611a1.79 1.79 0 0 0 1.852 0l18.35-10.508c1.161-.69 1.868-1.905 1.868-3.236v-22.355c0-1.333.705-2.567 1.862-3.229l7.813-4.5c.583-.337 1.22-.5 1.87-.5c.636 0 1.29.163 1.855.5l7.812 4.5a3.72 3.72 0 0 1 1.864 3.229v22.355c0 1.33.716 2.555 1.87 3.236l18.345 10.508a1.82 1.82 0 0 0 1.865 0c.568-.327.926-.945.926-1.611zM407.285 59.28a1.867 1.867 0 0 0-2.775 1.629v47.388a1.305 1.305 0 0 1-1.957 1.13l-7.735-4.455a3.73 3.73 0 0 0-3.726.002l-30.89 17.826a3.73 3.73 0 0 0-1.866 3.23v35.661c0 1.333.71 2.564 1.865 3.232l30.888 17.84a3.74 3.74 0 0 0 3.732 0l30.894-17.84a3.73 3.73 0 0 0 1.865-3.232V72.796a3.73 3.73 0 0 0-1.914-3.258zm-2.867 90.695a.93.93 0 0 1-.466.806l-10.606 6.114a.94.94 0 0 1-.932 0l-10.605-6.114a.93.93 0 0 1-.467-.806v-12.247c0-.333.177-.641.466-.808l10.605-6.126a.93.93 0 0 1 .934 0l10.606 6.126a.94.94 0 0 1 .465.808zm105.726-12.568a3.73 3.73 0 0 0 1.856-3.224v-8.643a3.73 3.73 0 0 0-1.857-3.226l-30.692-17.82a3.73 3.73 0 0 0-3.737-.003l-30.88 17.826a3.73 3.73 0 0 0-1.865 3.23V161.2c0 1.34.72 2.577 1.885 3.24l30.687 17.486a3.73 3.73 0 0 0 3.658.02l18.56-10.316a1.86 1.86 0 0 0 .96-1.617a1.86 1.86 0 0 0-.936-1.63l-31.075-17.837a1.86 1.86 0 0 1-.937-1.62v-11.172c0-.666.355-1.283.933-1.615l9.67-5.576a1.86 1.86 0 0 1 1.862 0l9.677 5.576c.578.332.934.95.934 1.615v8.79a1.866 1.866 0 0 0 2.801 1.614z"/><path fill="#2261a8" d="M477.127 135.737a.71.71 0 0 1 .716 0l5.927 3.42a.71.71 0 0 1 .358.62v6.845a.72.72 0 0 1-.358.62l-5.927 3.42a.72.72 0 0 1-.716 0l-5.923-3.42a.72.72 0 0 1-.358-.62v-6.845c0-.256.137-.492.358-.62zm-170.458-31.063l-30.631 17.68a3.7 3.7 0 0 0-1.851 3.205v35.39c0 1.322.705 2.543 1.85 3.205l30.63 17.695a3.71 3.71 0 0 0 3.703 0l30.638-17.695a3.7 3.7 0 0 0 1.85-3.206V125.56a3.7 3.7 0 0 0-1.851-3.205l-30.639-17.68a3.69 3.69 0 0 0-3.7 0"/></svg>Cómo usar el icono Tsnode
React
import { Icon } from "@iconify/react";
<Icon icon="logos:tsnode" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:tsnode" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:tsnode" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--tsnode]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:tsnode"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:tsnode"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/tsnode.svg" alt="Icono Tsnode" width="24" height="24">El icono Tsnode en otras colecciones
Preguntas frecuentes sobre Icono Tsnode
¿El icono Tsnode es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Tsnode en React?
Instala @iconify/react y renderiza <Icon icon="logos:tsnode" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Tsnode a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/tsnode.svg" alt="Icono Tsnode">, o pega el código SVG en línea para darle estilo con CSS.