Tanabata Tree icon

openmoji:tanabata-tree

The Tanabata Tree icon (openmoji:tanabata-tree) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: OpenMoji
Author: OpenMoji
License: CC-BY-SA-4.0
Size: 72 × 72
Category: Activities
Tags: tanabatatree

Download SVG

SVG code

<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>

How to use the Tanabata Tree icon

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>

HTML image

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

Tanabata Tree icon in other icon sets

Tanabata Tree icon FAQ

Is the Tanabata Tree icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Tanabata Tree icon in React?

Install @iconify/react and render <Icon icon="openmoji:tanabata-tree" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Tanabata Tree icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/tanabata-tree.svg" alt="Tanabata Tree icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →