ICONYZ
Bahasa Indonesia
Ikon Deciduous Tree dari Dinkie Icons

Ikon Deciduous Tree

dinkie-icons:deciduous-tree

Ikon Deciduous Tree (dinkie-icons:deciduous-tree) adalah ikon SVG gratis dari set Dinkie Icons karya atelierAnchor. Ikon ini digambar pada grid 12 × 12. Dinkie 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
Dinkie Icons
Pembuat
atelierAnchor
Lisensi
MIT
Ukuran
12 × 12
Tag
deciduoustree
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="currentColor" d="M4 12h3v-2h2V9H8V8H7v1H6V8H5v1H4V8H3v1H2v1h2Zm1-1v-1h1v1ZM1 9h1V7h1V6H2V3H1Zm3-1h1V7H4Zm2 0h1V7H6ZM2 3h1V2H2Zm5 4h1V6H7ZM6 6h1V5H6Zm3 3h1V3H9v2H8v1h1v1H8v1h1ZM5 3h1V2h2V1H3v1h2Zm2 1h1V3H7Zm1-1h1V2H8Zm0 0"/></svg>

Cara memakai ikon Deciduous Tree

React

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

<Icon icon="dinkie-icons:deciduous-tree" width="24" />

Vue

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

<template>
  <Icon icon="dinkie-icons:deciduous-tree" width="24" />
</template>

Svelte

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

<Icon icon="dinkie-icons:deciduous-tree" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[dinkie-icons--deciduous-tree]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/dinkie-icons -->
<div class="i-dinkie-icons:deciduous-tree"></div>

Web component

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

<iconify-icon icon="dinkie-icons:deciduous-tree"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/dinkie-icons/deciduous-tree.svg" alt="Ikon Deciduous Tree" width="24" height="24">

Ikon Deciduous Tree di set ikon lain

FAQ Ikon Deciduous Tree

Apakah ikon Deciduous Tree gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Deciduous Tree di React?

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

Bagaimana cara menambahkan ikon Deciduous Tree ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/dinkie-icons/deciduous-tree.svg" alt="Ikon Deciduous Tree">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Dinkie Icons →