ICONYZ
Bahasa Indonesia
Ikon Perfect Debounce dari UnJS Logos

Ikon Perfect Debounce

unjs:perfect-debounce

Ikon Perfect Debounce (unjs:perfect-debounce) adalah ikon SVG gratis dari set UnJS Logos karya UnJS. Ikon ini digambar pada grid 32 × 32. UnJS Logos icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
UnJS Logos
Pembuat
UnJS
Lisensi
Apache-2.0
Ukuran
32 × 32
Tag
perfectdebounce
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#91674d" d="m9.402 15.468l-.092-.335a.124.124 0 0 0-.138-.09c-.902.122-3.025.427-3.215.6a.33.33 0 0 0-.107.35c.042.14.177.252.327.272c.09.015.208.02.308.025a.3.3 0 0 0 .005.145c.027.095.1.163.195.183q.063.014.137.012c.743 0 2.333-.91 2.52-1.02a.124.124 0 0 0 .06-.143"/><path fill="url(#SVGAR0JzcPV)" d="m12.203 10.703l-1.563 2.952l-.005.003l-2.685 1.427c-.46.22-.003 1.407.465 1.407a.3.3 0 0 0 .12-.027l3.067-1.23l-.002-.005a.95.95 0 0 0 .44-.398l.008.005l1.78-3.272z"/><path fill="url(#SVGbM3ROeqN)" d="M9.178 15.128c-.316-.37-.553-.35-.88-.278l-.238.06c-.24.063-.54.14-1.023.197c-.642.075-1.424.046-1.432.046q-.019-.003-.038.002a.38.38 0 0 0-.282.258a.34.34 0 0 0 .08.33c.24.255 1.115.302 1.645.27c.15-.01.413-.02.623-.028c.03-.008.052.023.057.035a.06.06 0 0 1-.008.063a1.4 1.4 0 0 1-.37.3q-.28.16-.27.357c.006.133.11.245.298.33a.45.45 0 0 0 .188.035c.437 0 1.107-.43 1.335-.652c.282-.28.627-.96.315-1.325"/><path fill="#ed6d23" d="m13.883 9.725l-.268-.135a1.26 1.26 0 0 0-.582-.142c-.473 0-.928.26-1.155.71L10.65 12.58l2.573 1.305l1.227-2.422a1.294 1.294 0 0 0-.567-1.738"/><path fill="#91674d" d="m21.478 20.653l-3.663-5.415l-2.705 1.974l4.35 5.53h.002c.238.325.588.518.958.568l-.003.015l6.703.84l.407-2.187z"/><path fill="#bdbdbd" d="m25.633 21.56l-.44 2.36l1.924.24l.408-2.187z"/><path fill="#ba8d68" d="M15.095 3.045c-.678-.983-2.135-1.703-3.302-1.45c-1.308.28-1.97 1.265-2.098 2.477c-.047.44-.013.873.078 1.178c.01.037.097.3.104.385c.066.322-.547.675-.602 1.037c-.043.273.527.415.575.463c.232.23-.06 1.4 1.488 1.437c.595.015.477-.015.655.043c.277.09.627.9.627.9s-.13 1.102.875.737c1.145-.417 1.403-1.455 1.403-1.455s-.74-.915-.103-2.142c.508-.983.735-2.978.3-3.61"/><path fill="#5d4037" d="M10.04 7.77a.9.9 0 0 0 .598-.202c.19-.155.047-.313-.175-.205a.94.94 0 0 1-.503.08z"/><path fill="#49362e" d="M10.878 6.204c.155-.013.265-.217.246-.457s-.16-.423-.316-.41c-.156.012-.266.216-.247.456s.161.423.316.41"/><path fill="#613e31" d="M10.593 5.138c-.275.08-.34-.103-.248-.25c.067-.108.235-.198.557-.133c.303.063.428.238.51.343c.08.107.07.212 0 .222c-.095.015-.477-.28-.82-.182"/><path fill="#543930" d="M15.97 3.05a1.88 1.88 0 0 0-1.275-1.077c-.117-.296-.69-1.405-2.552-1.003c-.453.098-.776.333-1.063.538a3 3 0 0 1-.348.232a.56.56 0 0 1-.382.058c-.307-.085-.235-.548-.235-.548s-1.098.273-.568 1.322c-.362.183-.517.588-.565.96c-.065.513.205.98.703 1.175c0 0-.138-.81 1.04-.82c.365-.002.75.035 1.08-.117c.127-.058.242-.145.365-.215l.045-.002c.457.217-.078 1.295.447 1.885c.105.117.183.067.183.067l.185-.3c.14-.207.27-.388.458-.355c.56.095.507 1.088-.138 1.338c-.065.025.143 1.12 1.502 1.052c.703-.035.923-.63.923-.63s-.298.09-.375-.162c-.04-.13.072-.315.282-.523c.606-.597.345-1.232.243-1.43c.098-.192.335-.81.045-1.445"/><path fill="url(#SVGODeDyeJf)" d="M15.935 4.495c.01-.022-.173.51-1.075.47c-.37.018-.84.935-.27 1.498c.505.497 1.195.147 1.195.147s-.095.033-.24-.01c-.095-.027-.133-.147-.135-.152c-.04-.13.072-.315.283-.523c.604-.597.345-1.235.242-1.43"/><path fill="url(#SVGGN2vMLvF)" d="M15.97 3.05a1.93 1.93 0 0 0-.96-.97a1.5 1.5 0 0 0-.317-.108c.06.19.062.398-.008.615c-.003.008-.083.33-.34.595c.212.265.327.593.438.913c.095.28.19.59.077.865c.173-.02.447.015.742-.135c.283-.145.418-.485.476-.788c.062-.33.032-.677-.108-.987"/><path fill="url(#SVGTG43QcvB)" d="M14.683 2.59c.19-.568-.143-1.068-.623-1.388c-.562-.375-1.28-.37-1.918-.232c-.452.097-.774.332-1.062.537a3 3 0 0 1-.348.233a.56.56 0 0 1-.382.057c-.307-.085-.235-.547-.235-.547s-1.098.272-.568 1.322c-.362.183-.517.588-.565.96c-.065.513.205.98.703 1.175c0 0-.138-.81 1.04-.82c.365-.002.75.035 1.08-.117c.293-.135.388-.303.723-.3c.362.002.85.117 1.22.04c.75-.153.932-.91.934-.92"/><path fill="url(#SVGqeX2ebNR)" d="M14.588 6.46c-.255-.245-.34-.667-.73-.875a.84.84 0 0 1-.5.6c-.066.025.142 1.12 1.502 1.053c.703-.035.923-.63.923-.63s-.683.345-1.195-.148"/><path fill="url(#SVG02jCrdny)" d="m15.135 15.378l-3.162 5.277a4.3 4.3 0 0 0-.588 2.695l.685 6.195l1.902.005l.216-6.882l3.774-5.493z"/><path fill="#e0e0e0" d="m11.803 27.055l.192 2.108l1.975.005l.098-2.108z"/><path fill="#646464" d="M18.053 15.02a1.99 1.99 0 0 0-2.783-.432a1.993 1.993 0 0 0-.435 2.782l2.242 2.915l3.068-2.24z"/><path fill="#7c7c7c" d="M17.64 14.565a1.996 1.996 0 0 0-2.753.613l-1.892 3.152l3.205 2.038l2.053-3.053c.59-.928.314-2.16-.613-2.75"/><path fill="url(#SVGUoI6we6N)" d="M18.54 15.343c-.488-1.968-1.342-3.935-2.222-5.903c-.296-.742-1.056-1.185-1.81-1.185c-.215 0-.428.035-.63.11c-1.243.46-1.883 1.602-1.493 2.975c.575 2.03.86 3.235 1.072 5.233a.504.504 0 0 0 .508.442q.067 0 .137-.018c1.298-.344 2.76-.707 4.08-1.057a.5.5 0 0 0 .358-.598"/><path fill="url(#SVGDw3n9c7k)" d="M24.15 14.975c-.08-.2-.2-.397-.352-.65c-.118-.192-.998-1.195-1.363-1.37c-.22-.37-1.432-1.877-1.975-2.547a1.06 1.06 0 0 0-.492-.34l-3.57-1.126a.125.125 0 0 0-.158.083l-.545 1.77a.125.125 0 0 0 .082.155l3.263 1.008l1.97 1.9c.087.292.067.662.052.99c-.017.354-.032.634.083.79c.11.147.235.155.3.147c.172-.023.297-.185.352-.32c.073-.175.07-.355.068-.488v-.075c.155.106.213.513.258.843c.06.425.11.793.367.838l.038.002q.079 0 .14-.058c.127-.12.137-.434.127-.662c.017.078.022.155.027.232c.015.193.036.453.308.463a.2.2 0 0 0 .183-.085c.077-.095.092-.258.082-.423c.065.13.143.206.265.166a.26.26 0 0 0 .152-.148a.8.8 0 0 0 .05-.332a.14.14 0 0 0 .05.035a.2.2 0 0 0 .105.005a.28.28 0 0 0 .163-.158c.078-.157.063-.405-.03-.645"/><path fill="#ed6d23" d="M15.583 8.3a1.294 1.294 0 0 0-1.6.882l-.09.308a1.293 1.293 0 0 0 .882 1.6l2.635.76l.805-2.793z"/><path fill="#4568ad" d="M13.99 28.955h-1.982l-1.37.518c-.386.15-.638.515-.643.922l-.003.317c0 .138.113.25.253.25l3.94-.005c.16 0 .29-.127.29-.287v-.7c.002-.473-.485-1.015-.485-1.015"/><path fill="#325599" d="m29.073 21.858l-.688-.128a1 1 0 0 0-.155-.012c-.44 0-.94.305-.94.305l-.365 1.95l.258 1.44a1 1 0 0 0 .79.8l.31.06l.047.005a.25.25 0 0 0 .248-.208l.722-3.875a.29.29 0 0 0-.227-.337"/><path fill="url(#SVGO73QydUv)" d="M8.837 20.24c0 1.585-1.325 2.873-2.957 2.873c-1.633 0-2.955-1.288-2.955-2.873s1.325-2.872 2.955-2.872c1.635 0 2.957 1.285 2.957 2.872"/><path fill="url(#SVGNquLtchy)" d="M5.958 23.11q-.039.004-.078.003c-.29 0-.572-.043-.835-.118h-.002C4.685 22.5 4.02 21.37 4.06 19.86q.004-.174.023-.355a4.5 4.5 0 0 1 .132-.758l.008-.022a2 2 0 0 1 .107-.315h.003q.052-.13.115-.238h.002c.2-.352.463-.572.66-.702q.351-.095.728-.1c-.253.092-.7.31-1.01.795q-.08.118-.138.258h-.002a2.3 2.3 0 0 0-.17.582a4 4 0 0 0-.05.457q-.012.18 0 .358c.06 1.575 1.032 2.797 1.49 3.29"/><path fill="url(#SVGlYLYVcRn)" d="M7.365 17.758c-.86-.013-1.57.605-2.673.662H4.69q-.081.004-.165.005a1 1 0 0 1-.19-.018h-.003c-.272-.05-.362-.215-.39-.334q.114-.098.236-.18c-.008.11.037.235.272.277h.002a1.3 1.3 0 0 0 .378-.008c.633-.09 1.487-.524 1.747-.607a1 1 0 0 1 .228-.043q.297.093.56.245"/><path fill="url(#SVGNquLtchy)" d="M8.202 22.018a3 3 0 0 1-.455.452c-.23-.412-.675-1.075-1.507-1.848c-.47-.437-1.105-.792-1.77-.805a1.4 1.4 0 0 0-.228.006a.7.7 0 0 0-.182.037c-.663.198-.813 1.078-.84 1.628a2.8 2.8 0 0 1-.265-.82c.16-.425.49-1.013 1.127-1.163q.078-.019.163-.027q.114-.012.225-.016c.87-.017 1.51.41 2.122.858c.833.6 1.36 1.317 1.61 1.697"/><path fill="url(#SVGNquLtchy)" d="M8.837 20.203v.037q0 .336-.077.65c-.785-.727-2.383-1.95-4.24-1.887a4 4 0 0 0-.368.03c-.562.077-.917.292-1.132.487a3 3 0 0 1 .182-.495c.238-.125.573-.25 1.023-.302c.047-.008.095-.01.142-.015l.223-.015c2.065-.096 3.63.997 4.247 1.51"/><defs><radialGradient id="SVGODeDyeJf" cx="0" cy="0" r="1" gradientTransform="matrix(1.6986 .53397 -.76895 2.44606 14.3 5.876)" gradientUnits="userSpaceOnUse"><stop offset=".45" stop-color="#6d4c41" stop-opacity="0"/><stop offset="1" stop-color="#6d4c41"/></radialGradient><radialGradient id="SVGGN2vMLvF" cx="0" cy="0" r="1" gradientTransform="matrix(1.77425 -.3299 .41632 2.23898 14.421 4.073)" gradientUnits="userSpaceOnUse"><stop offset=".45" stop-color="#6d4c41" stop-opacity="0"/><stop offset="1" stop-color="#6d4c41"/></radialGradient><radialGradient id="SVGTG43QcvB" cx="0" cy="0" r="1" gradientTransform="rotate(-11.63 23.62 -59.01)scale(3.71462 2.79199)" gradientUnits="userSpaceOnUse"><stop offset=".45" stop-color="#6d4c41" stop-opacity="0"/><stop offset="1" stop-color="#6d4c41"/></radialGradient><radialGradient id="SVGqeX2ebNR" cx="0" cy="0" r="1" gradientTransform="matrix(1.95996 .39695 -.2552 1.26004 14.72 6.074)" gradientUnits="userSpaceOnUse"><stop offset=".45" stop-color="#6d4c41" stop-opacity="0"/><stop offset="1" stop-color="#6d4c41"/></radialGradient><radialGradient id="SVGUoI6we6N" cx="0" cy="0" r="1" gradientTransform="translate(14.389 11.573)scale(3.8115)" gradientUnits="userSpaceOnUse"><stop offset=".367" stop-color="#f78c1f"/><stop offset=".68" stop-color="#f37f21"/><stop offset="1" stop-color="#ed6d23"/></radialGradient><radialGradient id="SVGO73QydUv" cx="0" cy="0" r="1" gradientTransform="translate(4.83 19.246)scale(3.191)" gradientUnits="userSpaceOnUse"><stop offset=".017" stop-color="#fb8c00"/><stop offset=".442" stop-color="#f47900"/><stop offset=".838" stop-color="#d95a1e"/></radialGradient><radialGradient id="SVGNquLtchy" cx="0" cy="0" r="1" gradientTransform="translate(4.258 18.17)scale(5.38725)" gradientUnits="userSpaceOnUse"><stop offset=".017" stop-color="#ffa726"/><stop offset=".494" stop-color="#fc950d"/><stop offset=".838" stop-color="#fb8c00"/></radialGradient><radialGradient id="SVGlYLYVcRn" cx="0" cy="0" r="1" gradientTransform="matrix(5.38725 0 0 5.38724 4.258 18.17)" gradientUnits="userSpaceOnUse"><stop offset=".017" stop-color="#ffa726"/><stop offset=".494" stop-color="#fc950d"/><stop offset=".838" stop-color="#fb8c00"/></radialGradient><linearGradient id="SVGAR0JzcPV" x1="8.145" x2="11.877" y1="15.862" y2="13.001" gradientUnits="userSpaceOnUse"><stop stop-color="#ba8d68"/><stop offset="1" stop-color="#a47b62"/></linearGradient><linearGradient id="SVGbM3ROeqN" x1="9.547" x2="6.059" y1="15.861" y2="16.082" gradientUnits="userSpaceOnUse"><stop stop-color="#ba8d68"/><stop offset="1" stop-color="#a47b62"/></linearGradient><linearGradient id="SVG02jCrdny" x1="14.796" x2="13.423" y1="19.05" y2="27.097" gradientUnits="userSpaceOnUse"><stop stop-color="#a47b62"/><stop offset="1" stop-color="#ba8d68"/></linearGradient><linearGradient id="SVGDw3n9c7k" x1="15.69" x2="24.23" y1="12.76" y2="12.76" gradientUnits="userSpaceOnUse"><stop offset=".007" stop-color="#a47b62"/><stop offset="1" stop-color="#ba8d68"/></linearGradient></defs></g></svg>

Cara memakai ikon Perfect Debounce

React

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

<Icon icon="unjs:perfect-debounce" width="24" />

Vue

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

<template>
  <Icon icon="unjs:perfect-debounce" width="24" />
</template>

Svelte

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

<Icon icon="unjs:perfect-debounce" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--perfect-debounce]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:perfect-debounce"></div>

Web component

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

<iconify-icon icon="unjs:perfect-debounce"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/unjs/perfect-debounce.svg" alt="Ikon Perfect Debounce" width="24" height="24">

FAQ Ikon Perfect Debounce

Apakah ikon Perfect Debounce gratis untuk penggunaan komersial?

Ya. UnJS Logos icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Perfect Debounce di React?

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

Bagaimana cara menambahkan ikon Perfect Debounce ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/unjs/perfect-debounce.svg" alt="Ikon Perfect Debounce">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon UnJS Logos →