Ikon Tsnode
logos:tsnode
Ikon Tsnode (logos:tsnode) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 190. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 190
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/tsnode.svg" alt="Ikon Tsnode" width="24" height="24">Ikon Tsnode di set ikon lain
FAQ Ikon Tsnode
Apakah ikon Tsnode gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Tsnode di React?
Pasang @iconify/react lalu render <Icon icon="logos:tsnode" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Tsnode ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/tsnode.svg" alt="Ikon Tsnode">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.