Ikon Tanabata Tree

openmoji:tanabata-tree

Ikon Tanabata Tree (openmoji:tanabata-tree) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: OpenMoji
Pembuat: OpenMoji
Lisensi: CC-BY-SA-4.0
Ukuran: 72 × 72
Kategori: Aktivitas
Tag: tanabatatree

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" d="M57.696 32.939a.8.8 0 0 1-.288-.056c-.58-.229-14.076-5.669-21.558-17.85c-6.832 3.083-11.59 10.26-11.664 10.375c-.333.512-.935.59-1.346.174c-.41-.417-.472-1.169-.14-1.68c.13-.199 13.106-19.758 27.8-9.851c7.869 5.306 8.144 17.168 8.153 17.67c.005.385-.137.75-.384.98a.84.84 0 0 1-.573.238"/><path fill="#5c9e31" d="M23.984 25.995c1.916-2.993 5.28-7.38 9.791-9.98c.622-.391 1.26-.762 1.927-1.084q.03.048.063.096c3.643-1.527 7.911-1.78 12.684.635c7.714 3.906 9.912 14.06 10.303 16.26c.077-.186.124-.39.117-.606c-.02-.509-.558-12.503-8.543-17.699c-14.91-9.701-27.449 10.371-27.574 10.575c-.321.525-.243 1.285.177 1.697c.315.31.731.334 1.055.105"/><path fill="#b1cc33" d="M28.7 4.534H15.54c-1.533 0-2.694.583-2.372 1.206c1.038 2.004 1.683 4.784 1.683 7.862c0 3.756-.96 8.077-2.424 10.076v2.015c1.464 1.998 2.424 6.319 2.424 10.075s-.96 8.077-2.424 10.076v2.015c1.464 1.998 2.424 6.319 2.424 10.075c0 3.078-.645 5.858-1.683 7.862c-.323.623.84 1.206 2.373 1.206H28.7c1.533 0 2.695-.583 2.372-1.206c-1.038-2.004-1.682-4.784-1.682-7.862c0-3.756.96-8.077 2.423-10.075v-2.015c-1.464-2-2.423-6.32-2.423-10.076s.96-8.077 2.423-10.075v-2.016c-1.464-1.998-2.423-6.319-2.423-10.075c0-3.078.644-5.858 1.682-7.862c.323-.623-.84-1.206-2.372-1.206"/><path fill="#5c9e31" d="M22.899 65.796c1.357-2.004 2.199-4.785 2.199-7.862c0-3.756-1.254-7.07-3.168-9.068v-4.03c1.914-2 3.168-5.312 3.168-9.068s-1.254-7.07-3.168-9.068v-4.03c1.914-2 3.168-5.312 3.168-9.068c0-3.078-.842-5.859-2.2-7.862c-.421-.623 1.097-1.206 3.102-1.206h-9.503c-2.004 0-3.523.583-3.101 1.206c1.357 2.004 2.2 4.784 2.2 7.862c0 3.756-1.255 8.077-3.169 10.076v2.015c1.914 1.998 3.168 6.319 3.168 10.075s-1.254 8.077-3.168 10.076v2.015c1.914 1.998 3.168 6.319 3.168 10.075c0 3.078-.842 5.858-2.199 7.862c-.422.623 1.097 1.206 3.101 1.206H26c-2.005 0-3.523-.583-3.101-1.206"/><path fill="#ea5a47" d="m40.445 27.99l-5.42 2.693c-.645.32-.979 1.086-.775 1.804c1.238 4.368 5.941 19.198 15.146 28.946c.512.543 1.345.562 1.91.067l9.246-8.115c.705-.618.703-1.763-.014-2.349c-3.125-2.553-10.873-9.647-18.287-22.467c-.375-.649-1.15-.905-1.806-.58"/><path fill="#d22f27" d="m39.497 28.46l-4.273 2.123c-.645.32-.978 1.087-.775 1.804c1.238 4.368 5.942 19.198 15.146 28.946c.513.543 1.346.563 1.91.067l2.568-2.253C45.247 48.782 40.749 33.316 39.497 28.46"/><path fill="#5c9e31" d="M31.523 50.207H12.464A1.47 1.47 0 0 1 11 48.743v-4.294c0-.805.659-1.464 1.464-1.464h19.06c.805 0 1.463.659 1.463 1.464v4.294c0 .805-.659 1.464-1.464 1.464m0-22H12.464A1.47 1.47 0 0 1 11 26.743v-4.294c0-.805.659-1.464 1.464-1.464h19.06c.805 0 1.463.659 1.463 1.464v4.294c0 .805-.659 1.464-1.464 1.464"/><path fill="#b1cc33" d="M31.523 20.985h-.207l-14.424 7.222h14.631c.805 0 1.464-.659 1.464-1.464v-4.294c0-.805-.659-1.464-1.464-1.464m0 22h-.207l-14.424 7.222h14.631c.805 0 1.464-.659 1.464-1.464v-4.294c0-.805-.659-1.464-1.464-1.464"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M41 12c3.344-.501 6.746-.48 10.5 2.051c7.869 5.306 8.144 17.168 8.153 17.67c.005.385-.138.75-.384.98a.84.84 0 0 1-.573.238a.8.8 0 0 1-.288-.056C57.874 32.673 46.657 28.21 39 18m1.445 9.99l-5.42 2.693c-.645.32-.979 1.086-.775 1.804c1.238 4.368 5.941 19.198 15.146 28.946c.512.543 1.345.562 1.91.067l9.246-8.115c.705-.618.703-1.763-.014-2.349c-3.125-2.553-10.873-9.647-18.287-22.467c-.375-.649-1.15-.905-1.806-.58"/><path d="M15.95 13.574c.013-2.93-.532-5.707-1.54-7.885a3.5 3.5 0 0 1 1.266-.184l13.16.059c.574.002 1.003.099 1.265.195c-1.029 2.17-1.598 4.941-1.611 7.871a27 27 0 0 0 .315 4.115c.18 1.167.432 2.257.733 3.24h2.102a20.4 20.4 0 0 1-.858-3.546a24.6 24.6 0 0 1-.292-3.8c.012-2.819.582-5.445 1.603-7.394a1.43 1.43 0 0 0-.044-1.43c-.551-.915-2.016-1.246-3.204-1.252l-13.16-.058c-1.21.02-2.655.313-3.215 1.223a1.43 1.43 0 0 0-.057 1.428c1.003 1.96 1.55 4.59 1.537 7.41c-.012 2.601-.511 5.39-1.254 7.419h2.118c.693-2.155 1.124-4.818 1.136-7.411m-.1 22.166c.012-2.53-.4-5.312-1.102-7.533h-2.111c.037.103.076.199.113.306c.7 2.072 1.112 4.77 1.1 7.218c-.01 2.533-.485 5.24-1.195 7.254h2.118c.66-2.124 1.066-4.72 1.078-7.245m14.539.065c.012-2.677.538-5.558 1.317-7.598h-2.12c-.727 2.186-1.185 4.922-1.196 7.589c-.012 2.497.362 5.071.99 7.189h2.111c-.675-2.012-1.113-4.683-1.101-7.18m-1.866 18.844a26 26 0 0 0-.234 3.312c-.013 2.93.532 5.708 1.541 7.886c-.262.094-.69.18-1.267.184l-13.16-.06c-.573-.002-1.003-.099-1.264-.195c1.028-2.17 1.597-4.94 1.61-7.87c.013-2.708-.434-5.491-1.162-7.699h-2.113c.776 2.051 1.288 4.979 1.275 7.689c-.012 2.819-.582 5.445-1.603 7.394a1.43 1.43 0 0 0 .044 1.43c.551.915 2.017 1.247 3.205 1.252l13.16.06h.028c1.182 0 2.63-.32 3.186-1.224a1.43 1.43 0 0 0 .058-1.429c-1.004-1.959-1.55-4.59-1.538-7.41a24 24 0 0 1 .217-3.055v-.002c.237-1.775.653-3.426 1.162-4.705h-2.133c-.442 1.29-.793 2.797-1.012 4.442"/></svg>

Cara memakai ikon Tanabata Tree

React

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

<Icon icon="openmoji:tanabata-tree" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:tanabata-tree" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:tanabata-tree" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--tanabata-tree]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="openmoji:tanabata-tree"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/openmoji/tanabata-tree.svg" alt="Ikon Tanabata Tree" width="24" height="24">

Ikon Tanabata Tree di set ikon lain

FAQ Ikon Tanabata Tree

Apakah ikon Tanabata Tree gratis untuk penggunaan komersial?

Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Tanabata Tree di React?

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

Bagaimana cara menambahkan ikon Tanabata Tree ke halaman web?

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

Lihat semua Ikon OpenMoji →