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