Ikon Dzoo

token-branded:dzoo

Ikon Dzoo (token-branded:dzoo) adalah ikon SVG gratis dari set Web3 Icons Branded karya 0xa3k5. Ikon ini digambar pada grid 24 × 24. Web3 Icons Branded 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: Web3 Icons Branded
Pembuat: 0xa3k5
Lisensi: MIT
Ukuran: 24 × 24

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGlNUqzdjP)" d="M19.186 11.501c-.615 0-1.065.335-1.065.5c.445 0 1.33.2 1.33 1s-1.24 1.665-1.86 2c1.06 0 2.66-.75 2.66-2c0-.94-.53-1.5-1.065-1.5"/><path fill="#bba1a2" d="M19.45 13c0-1-.884-1.084-1.33-1v1.25c.641 0 .8.166.8.25h-.264c-.215.4-.8.666-1.065.75V15c.62-.25 1.86-1 1.86-2"/><path fill="url(#SVGAnhFFeBc)" d="M4.814 11.501c.615 0 1.065.335 1.065.5c-.445 0-1.33.2-1.33 1s1.24 1.665 1.86 2c-1.06 0-2.66-.75-2.66-2c0-.94.53-1.5 1.065-1.5"/><path fill="#bba1a2" d="M4.549 13c0-1 .885-1.084 1.33-1v1.25c-.64 0-.8.166-.8.25h.265c.215.4.8.666 1.065.75V15c-.62-.25-1.86-1-1.86-2"/><path fill="url(#SVGSOmHZgCQ)" d="M9.87 5.75c.425-.4 1.775-2 2.4-2.75v2l-.8 4.5c-.71-1.085-2.025-3.35-1.6-3.75"/><path fill="url(#SVGuOOahcHz)" d="M14.66 5.75c-.424-.4-1.774-2-2.394-2.75v2l.8 4.5c.71-1.085 2.02-3.35 1.6-3.75z"/><path fill="url(#SVGikAvVdZy)" d="M11.2 8.5c-.85-1-1.24-3.25-1.33-4.25C8.27 6 9.52 8.085 10.135 9z"/><path fill="url(#SVG5Dv3gcFV)" d="M7.475 7c.215-1.4 1.685-2.415 2.4-2.75c-1.495 1.6-.8 3.835-.27 4.75c0 0-.325.03-.535 0c-1.025-.14-1.595-2-1.595-2"/><path fill="url(#SVGPhAqbcxP)" d="M13.33 8.5c.85-1 1.24-3.25 1.33-4.25c1.6 1.75.354 3.835-.266 4.75z"/><path fill="url(#SVGKUdzgeGl)" d="M17.056 7c-.21-1.4-1.685-2.415-2.395-2.75c1.49 1.6.8 3.835.264 4.75c0 0 .33.03.536 0c1.03-.14 1.6-2 1.6-2z"/><path fill="url(#SVGkjcxCeBf)" d="M9.069 9.002c-.85-.6-1.77-2.585-2.125-3.5c-.64 1.8.62 3.415 1.33 4l.8-.5z"/><path fill="url(#SVG6Fu60dmQ)" d="M6.945 11.002c-1.92-1.6-.8-4.335 0-5.5c-.425 2.4.35 3.665.8 4z"/><path fill="url(#SVGasS48HBd)" d="M10.67 19.75c-.545-.51-.975-2-1.065-2.75h2.13l.53 4c-.53-.75-1.065-.75-1.595-1.25"/><path fill="url(#SVG5NAjsbbK)" d="M13.866 19.75c.54-.51.975-2 1.065-2.75H12.8l-.535 4c.535-.75 1.065-.75 1.6-1.25"/><path fill="url(#SVGy5kc2d5G)" d="M15.46 9.002c.85-.6 1.775-2.585 2.13-3.5c.636 1.8-.62 3.415-1.33 4z"/><path fill="url(#SVGwb1RCd5b)" d="M17.591 11.002c1.915-1.6.8-4.335 0-5.5c.425 2.4-.355 3.665-.8 4z"/><path fill="url(#SVGb6cc0dKx)" d="M11.194 16c-.85 1-1.24 3.25-1.33 4.25c-1.6-1.75-.355-3.834.265-4.75z"/><path fill="url(#SVG4vok6Bkd)" d="M7.47 17.501c.21 1.4 1.686 2.416 2.396 2.75c-1.49-1.6-.8-3.835-.265-4.75c0 0-.33-.03-.535 0c-1.03.14-1.6 2-1.6 2z"/><path fill="url(#SVGf5cSRd3t)" d="M13.33 16c.85 1 1.24 3.25 1.33 4.25c1.6-1.75.354-3.834-.266-4.75z"/><path fill="url(#SVG4vok6Bkd)" d="M17.056 17.501c-.21 1.4-1.685 2.416-2.395 2.75c1.49-1.6.8-3.835.264-4.75c0 0 .33-.03.536 0c1.03.14 1.6 2 1.6 2z"/><path fill="url(#SVGlmrWicEj)" d="M9.065 15.501c-.85.6-1.775 2.585-2.125 3.5c-.64-1.8.62-3.415 1.33-4l.8.5z"/><path fill="url(#SVG8ZrxxeTk)" d="M7.25 13c-1.915 1.6-1.11 4.836-.315 6c-.425-2.4 1.37-4.664 1.815-5z"/><path fill="url(#SVGTomcEcMs)" d="M15.46 15.501c.85.6 1.775 2.585 2.13 3.5c.64-1.8-.62-3.415-1.33-4z"/><path fill="url(#SVG7V5lW49N)" d="M17 13.25c1.915 1.6 1.385 4.585.59 5.75c.425-2.4-1.15-4.665-1.59-5z"/><path fill="url(#SVGsKe0eegM)" d="M5.35 8c-1.92 3.2.53 6 2.125 6l-.53-1.5c-1.28-.4-1.6-3.165-1.6-4.5z"/><path fill="url(#SVGgtr15NyZ)" d="M7.474 10a6.75 6.75 0 0 1-2.13-2a3.85 3.85 0 0 0 1.6 3.5z"/><path fill="url(#SVGpW8i6cNt)" d="M18.92 7.752c1.915 3.2-.265 5.335-1.6 6v-1.5c1.28-.4 1.6-3.165 1.6-4.5"/><path fill="url(#SVGp00DudRj)" d="M16.791 9.752a6.75 6.75 0 0 0 2.13-2a3.85 3.85 0 0 1-1.6 3.5z"/><path fill="url(#SVGW10rrcIj)" d="M7 10.975c0-.975.916-2.9 2.986-2.9L9.41 7.5c.865.1 2.015.5 2.84 1c.675-.5 1.62-.77 3-1l-.5.58a3.17 3.17 0 0 1 2.75 2.895c0 .675-.15 2.2-1.765 2.895c.385.095 1.015.47 1.015 1.63c0 1.45-2.25 3-4.5 3c-1.725 0-4-.974-4-3c0-1.385.45-1.665.82-1.655c-.96-.17-2.305-.97-2.07-2.87"/><path fill="url(#SVGTzHEvd9y)" d="M7.75 10.5c-.88 0-1 .501-1 .751c0 1.4 0 3.25.825 3.25h1.65c1.375 0 1.925-2.25 3.025-2.25c1.27 0 1.29 1.985 2.75 2.25h1.65c1.1 0 1.1-2.5 1.1-3.25c0-.6-.635-.75-1-.75H14.5c-.5 0-1.59 1-2.25 1s-1.5-1-2.2-1z"/><path fill="url(#SVGkBLnWdBv)" d="M7.25 13.25v-.5L8.5 11H9z"/><path fill="url(#SVGqUknVd3Y)" d="M14.25 13.25v-.5L15.5 11h.5z"/><path fill="url(#SVGaTKBFblj)" d="M7.25 14v-.5l2-2.5h.5z"/><path fill="url(#SVGakF7bUgs)" d="M14.25 14v-.5l2-2.5h.5z"/><path fill="url(#SVGVDkG7dVl)" d="M8 14h-.5l2.5-3h.5z"/><path fill="url(#SVGVDkG7dVl)" d="M15 14h-.5l2.5-3h.5z"/><path fill="url(#SVGMLOZoIAw)" d="M13.25 15.001h-2c-.5 0-.5.285-.5.57s.5 1.43 1.5 1.43s1.5-.855 1.5-1.43c0-.455-.335-.57-.5-.57"/><path fill="url(#SVGku1XFYYN)" d="M12.285 15.5c-.35 0-.96.585-1.105.75c.215.5.64.75 1.07.75s.855-.25 1.07-.75c-.15-.165-.68-.75-1.035-.75"/><path fill="#020207" d="M11.516 14.501h.535s-.355-.5-.536-.5c-.174 0-.264.11-.264.25s.09.25.264.25m1.515 0h-.53s.355-.5.53-.5c.18 0 .27.11.27.25s-.09.25-.27.25"/><defs><linearGradient id="SVGlNUqzdjP" x1="16.963" x2="12.812" y1="4.287" y2="21.599" gradientUnits="userSpaceOnUse"><stop stop-color="#7bcc73"/><stop offset="1" stop-color="#158885"/></linearGradient><linearGradient id="SVGAnhFFeBc" x1="7.037" x2="11.188" y1="4.287" y2="21.599" gradientUnits="userSpaceOnUse"><stop stop-color="#7bcc73"/><stop offset="1" stop-color="#158885"/></linearGradient><linearGradient id="SVGSOmHZgCQ" x1="11.976" x2="11.976" y1="3" y2="21.001" gradientUnits="userSpaceOnUse"><stop stop-color="#0e9284"/><stop offset="1" stop-color="#76be62"/></linearGradient><linearGradient id="SVGuOOahcHz" x1="7.308" x2="8.035" y1="3.692" y2="21.171" gradientUnits="userSpaceOnUse"><stop stop-color="#8ecb63"/><stop offset="1" stop-color="#4dba76"/></linearGradient><linearGradient id="SVGikAvVdZy" x1="12.557" x2="12.557" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#0d827c"/><stop offset="1" stop-color="#58b56e"/></linearGradient><linearGradient id="SVG5Dv3gcFV" x1="12" x2="12" y1="3" y2="20.95" gradientUnits="userSpaceOnUse"><stop stop-color="#70ab6b"/><stop offset="1" stop-color="#2ea881"/></linearGradient><linearGradient id="SVGPhAqbcxP" x1="15.614" x2="15.614" y1="2.052" y2="20.053" gradientUnits="userSpaceOnUse"><stop stop-color="#0d827c"/><stop offset="1" stop-color="#58b56e"/></linearGradient><linearGradient id="SVGKUdzgeGl" x1="15.644" x2="15.644" y1="2.055" y2="20.005" gradientUnits="userSpaceOnUse"><stop stop-color="#70ab6b"/><stop offset="1" stop-color="#2ea881"/></linearGradient><linearGradient id="SVGkjcxCeBf" x1="5.007" x2="9.381" y1="4.126" y2="22.655" gradientUnits="userSpaceOnUse"><stop stop-color="#199584"/><stop offset="1" stop-color="#6ab562"/></linearGradient><linearGradient id="SVG6Fu60dmQ" x1="12.001" x2="12.001" y1="3.001" y2="21.002" gradientUnits="userSpaceOnUse"><stop stop-color="#6eb374"/><stop offset=".57" stop-color="#4ab67c"/><stop offset="1" stop-color="#74b960"/></linearGradient><linearGradient id="SVGasS48HBd" x1="12" x2="12" y1="2.999" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#12837f"/><stop offset="1" stop-color="#acda5f"/></linearGradient><linearGradient id="SVG5NAjsbbK" x1="11.985" x2="11.985" y1="2.999" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#12837f"/><stop offset="1" stop-color="#acda5f"/></linearGradient><linearGradient id="SVGy5kc2d5G" x1="22.8" x2="18.43" y1="3.001" y2="21.532" gradientUnits="userSpaceOnUse"><stop stop-color="#199584"/><stop offset="1" stop-color="#6ab562"/></linearGradient><linearGradient id="SVGwb1RCd5b" x1="16.717" x2="16.717" y1="2.183" y2="20.184" gradientUnits="userSpaceOnUse"><stop stop-color="#6eb374"/><stop offset=".57" stop-color="#4ab67c"/><stop offset="1" stop-color="#74b960"/></linearGradient><linearGradient id="SVGb6cc0dKx" x1="12.56" x2="12.56" y1="21.001" y2="3" gradientUnits="userSpaceOnUse"><stop stop-color="#0d827c"/><stop offset="1" stop-color="#58b56e"/></linearGradient><linearGradient id="SVG4vok6Bkd" x1="12.001" x2="12.001" y1="21.002" y2="3.051" gradientUnits="userSpaceOnUse"><stop stop-color="#70ab6b"/><stop offset="1" stop-color="#2ea881"/></linearGradient><linearGradient id="SVGf5cSRd3t" x1="11.438" x2="11.438" y1="21.001" y2="3" gradientUnits="userSpaceOnUse"><stop stop-color="#0d827c"/><stop offset="1" stop-color="#58b56e"/></linearGradient><linearGradient id="SVGlmrWicEj" x1="5.008" x2="9.381" y1="19.876" y2="1.347" gradientUnits="userSpaceOnUse"><stop stop-color="#199584"/><stop offset="1" stop-color="#6ab562"/></linearGradient><linearGradient id="SVG8ZrxxeTk" x1="8.314" x2="8.314" y1="21.001" y2="4.5" gradientUnits="userSpaceOnUse"><stop stop-color="#6eb374"/><stop offset=".57" stop-color="#4ab67c"/><stop offset="1" stop-color="#74b960"/></linearGradient><linearGradient id="SVGTomcEcMs" x1="18.992" x2="14.601" y1="19.876" y2="1.338" gradientUnits="userSpaceOnUse"><stop stop-color="#199584"/><stop offset="1" stop-color="#6ab562"/></linearGradient><linearGradient id="SVG7V5lW49N" x1="16.028" x2="16.028" y1="21" y2="3.782" gradientUnits="userSpaceOnUse"><stop stop-color="#6eb374"/><stop offset=".57" stop-color="#4ab67c"/><stop offset="1" stop-color="#74b960"/></linearGradient><linearGradient id="SVGsKe0eegM" x1="6.277" x2="8.615" y1="5.249" y2="20.562" gradientUnits="userSpaceOnUse"><stop stop-color="#84ba5d"/><stop offset="1" stop-color="#1d9b85"/></linearGradient><linearGradient id="SVGgtr15NyZ" x1="3.881" x2="10.569" y1="2.999" y2="21.218" gradientUnits="userSpaceOnUse"><stop stop-color="#108a82"/><stop offset="1" stop-color="#42a77f"/></linearGradient><linearGradient id="SVGpW8i6cNt" x1="22.431" x2="20.472" y1="5.251" y2="20.672" gradientUnits="userSpaceOnUse"><stop stop-color="#84ba5d"/><stop offset="1" stop-color="#1d9b85"/></linearGradient><linearGradient id="SVGp00DudRj" x1="26.228" x2="19.564" y1="3.001" y2="21.208" gradientUnits="userSpaceOnUse"><stop stop-color="#108a82"/><stop offset="1" stop-color="#42a77f"/></linearGradient><linearGradient id="SVGW10rrcIj" x1="12.077" x2="12.76" y1="4.424" y2="20.998" gradientUnits="userSpaceOnUse"><stop stop-color="#efe6e7"/><stop offset="1" stop-color="#af888b"/></linearGradient><linearGradient id="SVGTzHEvd9y" x1="11.625" x2="15.36" y1="5.251" y2="18.86" gradientUnits="userSpaceOnUse"><stop stop-color="#041d21"/><stop offset="1" stop-color="#050306"/></linearGradient><linearGradient id="SVGkBLnWdBv" x1="17.894" x2="6.751" y1="3" y2="22.698" gradientUnits="userSpaceOnUse"><stop stop-color="#394f51"/><stop offset="1" stop-color="#374d50" stop-opacity=".08"/></linearGradient><linearGradient id="SVGqUknVd3Y" x1="17.893" x2="6.75" y1="3" y2="22.698" gradientUnits="userSpaceOnUse"><stop stop-color="#394f51"/><stop offset="1" stop-color="#374d50" stop-opacity=".08"/></linearGradient><linearGradient id="SVGaTKBFblj" x1="13.651" x2="5.007" y1="9" y2="23.262" gradientUnits="userSpaceOnUse"><stop stop-color="#394f51"/><stop offset="1" stop-color="#374d50" stop-opacity=".08"/></linearGradient><linearGradient id="SVGakF7bUgs" x1="13.65" x2="5.006" y1="9" y2="23.262" gradientUnits="userSpaceOnUse"><stop stop-color="#394f51"/><stop offset="1" stop-color="#374d50" stop-opacity=".08"/></linearGradient><linearGradient id="SVGVDkG7dVl" x1="16.125" x2="6.849" y1="9" y2="21.755" gradientUnits="userSpaceOnUse"><stop stop-color="#394f51"/><stop offset="1" stop-color="#374d50" stop-opacity=".08"/></linearGradient><linearGradient id="SVGMLOZoIAw" x1="12" x2="12" y1="3.001" y2="21.001" gradientUnits="userSpaceOnUse"><stop stop-color="#021b1f"/><stop offset="1" stop-color="#0b1110"/></linearGradient><linearGradient id="SVGku1XFYYN" x1="15.894" x2="15.894" y1="0" y2="15.001" gradientUnits="userSpaceOnUse"><stop stop-color="#5c1b15"/><stop offset="1" stop-color="#2e0002"/></linearGradient></defs></g></svg>

Cara memakai ikon Dzoo

React

import { Icon } from "@iconify/react";

<Icon icon="token-branded:dzoo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token-branded:dzoo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token-branded:dzoo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--dzoo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:dzoo"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token-branded:dzoo"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/token-branded/dzoo.svg" alt="Ikon Dzoo" width="24" height="24">

Ikon terkait di Web3 Icons Branded

FAQ Ikon Dzoo

Apakah ikon Dzoo gratis untuk penggunaan komersial?

Ya. Web3 Icons Branded icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Dzoo di React?

Pasang @iconify/react lalu render <Icon icon="token-branded:dzoo" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Dzoo ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/token-branded/dzoo.svg" alt="Ikon Dzoo">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Web3 Icons Branded →