Tanabatatree
The tanabatatree icon represents a tree decorated for the Tanabata festival, often used to convey a sense of celebration or festivity.
Exports at 24 × 24 px
Code
Tanabatatree in your framework
In any framework. Customize it above, and the code follows.
export const TanabatatreeIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="#D32A2A" d="M409.409 353.092c-4.1-.09-8.028 2.355-9.45 5.884l-18.783 46.613c-2.206 5.474-9.889 7.703-14.481 4.217c-25.257-19.174-47.271-78.237-61.161-116.871c-16.56-46.06-24.322-82.328-24.747-104.473c-.088-4.596 2.298-8.482 6.027-9.823l50.833-18.276l30.668-11.026c4.262-1.532 8.217 3.086 8.177 8.159c-.145 18.62 31.099 139.559 85.616 183.168c5.67 4.535.181 13.592-7.856 13.415z"/><path fill="#3A3831" d="M321.976 177.266c-4.334 0-8.397-2.685-9.948-6.997l-22.877-63.631c-1.975-5.494.878-11.548 6.371-13.523c5.493-1.972 11.548.876 13.523 6.371l22.877 63.631c1.975 5.494-.878 11.548-6.371 13.523a10.6 10.6 0 0 1-3.575.626"/><path fill="#B1E87E" d="m76.23 194.031l.076-.47c.045-.318.128-.763.246-1.322a43 43 0 0 1 1.21-4.497l.47-1.419l.565-1.467c.376-1.051.865-2.032 1.354-3.146c1.006-2.171 2.27-4.379 3.765-6.57c2.986-4.387 6.985-8.537 11.894-11.81c2.439-1.665 5.158-3.013 7.953-4.322c2.807-1.286 5.682-2.549 8.642-3.652a116 116 0 0 1 18.032-5.274a106 106 0 0 1 17.046-2.127c1.301-.055 2.563-.078 3.772-.085l3.474.058l3.118.17l2.7.244c1.65.185 2.975.384 3.892.545l1.426.284a7.186 7.186 0 0 1 5.225 9.82l-.561 1.341c-.379.85-.954 2.06-1.723 3.532l-1.306 2.375l-1.601 2.68l-1.893 2.913a104 104 0 0 1-2.178 3.08a106 106 0 0 1-11.289 12.948a116 116 0 0 1-14.45 12.007c-2.569 1.838-5.223 3.517-7.858 5.127c-2.647 1.587-5.284 3.089-8.028 4.181c-5.457 2.243-11.134 3.24-16.44 3.265c-2.652.016-5.189-.17-7.552-.549c-1.196-.217-2.284-.36-3.365-.635l-1.532-.351l-1.44-.403a43 43 0 0 1-4.405-1.509c-.53-.215-.944-.395-1.234-.535l-.432-.2c-5.552-2.562-8.498-8.473-7.573-14.227M352.615 57.035l.178.441c.115.3.294.715.533 1.235a43 43 0 0 0 2.178 4.116l.773 1.279l.876 1.305c.6.941 1.295 1.79 2.018 2.767c1.463 1.893 3.185 3.766 5.129 5.57c3.886 3.615 8.706 6.774 14.219 8.875c2.748 1.082 5.698 1.793 8.714 2.448c3.023.631 6.106 1.224 9.237 1.642a116 116 0 0 0 18.752 1.14a106 106 0 0 0 17.093-1.71a104 104 0 0 0 3.696-.754l3.374-.828l3.002-.858l2.578-.837a65 65 0 0 0 3.674-1.395l1.327-.593a7.186 7.186 0 0 0 2.914-10.735l-.845-1.183a65 65 0 0 0-2.464-3.061l-1.801-2.026l-2.156-2.258l-2.492-2.421c-.886-.822-1.822-1.67-2.808-2.52a106 106 0 0 0-13.881-10.119a116 116 0 0 0-16.754-8.5c-2.913-1.222-5.873-2.27-8.799-3.254c-2.933-.96-5.838-1.838-8.756-2.295c-5.819-.975-11.575-.688-16.755.466c-2.589.573-5.022 1.318-7.242 2.212c-1.118.477-2.147.858-3.14 1.366l-1.415.683l-1.314.713a42 42 0 0 0-3.96 2.45c-.469.327-.833.595-1.084.795l-.377.291c-4.612 3.558-6.511 9.883-4.222 15.553"/><path fill="#6DBA31" d="m137.048 24.856l-1.892 4.999l-2.273 6.004l-.687 1.832l-.657 1.906l-1.441 4.177c-2.072 5.812-4.409 13.214-6.979 21.659c-1.208 4.261-2.603 8.75-3.876 13.559l-1.967 7.391l-1.019 3.827l-.961 3.941c-1.297 5.309-2.676 10.829-3.919 16.602c-.636 2.882-1.316 5.801-1.947 8.784l-1.863 9.098l-.95 4.644l-.885 4.727l-1.804 9.622l-1.695 9.87c-.58 3.32-1.144 6.677-1.656 10.076l-1.604 10.264l-1.489 10.443l-.748 5.27l-.686 5.314l-1.374 10.705c-1.721 14.358-3.297 28.972-4.626 43.624c-1.3 14.656-2.49 29.326-3.391 43.801c-.505 7.23-.862 14.421-1.281 21.515c-.343 7.104-.731 14.115-.998 21.024c-.618 13.808-1.01 27.174-1.355 39.848c-.294 12.679-.525 24.669-.625 35.744a2594 2594 0 0 0-.159 30.23c.003 9.003.035 16.852.094 23.319L82.552 489l.001.133c.12 11.263-8.913 20.492-20.177 20.612s-20.492-8.913-20.612-20.177c-.002-.158 0-.411.002-.568l.354-20.573c.122-6.546.311-14.498.562-23.619c.254-9.121.571-19.412 1.015-30.641c.415-11.227.988-23.392 1.645-36.256c.709-12.865 1.486-26.43 2.506-40.46c.468-7.015 1.061-14.145 1.612-21.362c.627-7.216 1.196-14.521 1.915-21.879c1.329-14.72 2.959-29.663 4.705-44.593c1.775-14.93 3.804-29.843 5.978-44.505l1.714-10.941l.856-5.43l.919-5.394l1.829-10.684l1.944-10.516a460 460 0 0 1 1.995-10.331l2.032-10.125l2.139-9.888l1.051-4.855l1.116-4.782l2.192-9.364c.74-3.072 1.53-6.089 2.274-9.059c1.457-5.946 3.052-11.66 4.556-17.147l1.115-4.072l1.175-3.968l2.269-7.659c1.47-4.98 3.064-9.664 4.455-14.085c.687-2.212 1.44-4.335 2.154-6.386l2.061-5.927c1.272-3.785 2.658-7.318 3.845-10.489l1.701-4.501l.776-2.052l.745-1.829l2.439-5.939l2.031-4.944c2.889-7.033 10.932-10.392 17.964-7.503c6.908 2.837 10.271 10.647 7.652 17.588zm317.936-6.213c-.648-7.575-7.314-13.191-14.889-12.543l-6.631.565l-3.617.308c-1.36.133-2.982.367-4.66.574c-3.382.443-7.334.887-11.512 1.688l-6.681 1.182l-7.285 1.607c-2.544.516-5.15 1.239-7.86 1.97c-2.709.733-5.53 1.442-8.383 2.402a224.4 224.4 0 0 0-37.44 15.261c-13.189 6.815-26.819 15.512-40.039 26.139l-4.908 4.103l-2.47 2.081l-2.408 2.175l-4.853 4.4l-4.737 4.615l-2.381 2.335l-2.311 2.419l-4.643 4.888c-2.976 3.381-6.09 6.718-8.964 10.279c-11.802 14.032-22.507 29.593-32.202 45.976c-4.782 8.225-9.361 16.635-13.638 25.215c-4.22 8.599-8.324 17.296-12.014 26.136c-3.737 8.823-7.257 17.725-10.473 26.675c-3.27 8.936-6.246 17.917-9.032 26.867c-2.818 8.944-5.303 17.889-7.705 26.739c-2.316 8.866-4.519 17.644-6.463 26.318c-3.959 17.336-7.115 34.208-9.765 50.25a958 958 0 0 0-6.241 45.357a972 972 0 0 0-5.278 68.314c-.354 8.274-.487 14.795-.59 19.24l-.104 6.825c-.001.118-.003.338-.002.456c.08 11.263 9.275 20.329 20.539 20.25c11.263-.08 20.329-9.275 20.249-20.539l-.001-.17l-.046-6.484c.004-4.233-.009-10.444.153-18.363a932 932 0 0 1 3.596-65.609a918 918 0 0 1 5.01-43.615c2.194-15.411 4.85-31.61 8.252-48.204c1.666-8.307 3.575-16.694 5.584-25.162c2.092-8.44 4.255-16.975 6.727-25.475c2.442-8.51 5.056-17.036 7.938-25.489c2.831-8.475 5.939-16.871 9.237-25.174c3.255-8.327 6.885-16.465 10.606-24.51c3.774-8.016 7.813-15.839 12.02-23.471c8.534-15.177 17.918-29.482 28.192-42.259c2.501-3.258 5.209-6.269 7.79-9.354l4.026-4.429l2.001-2.196l2.061-2.108l4.094-4.178l4.19-3.968l2.076-1.968l2.13-1.872l4.226-3.703c11.382-9.57 23.071-17.396 34.413-23.588a195.3 195.3 0 0 1 32.354-14.039c2.475-.906 4.942-1.573 7.306-2.271c2.365-.695 4.639-1.392 6.874-1.889l6.393-1.566l5.893-1.174c3.764-.815 6.999-1.23 9.846-1.681c1.44-.213 2.694-.442 3.985-.598l3.609-.389l6.616-.713c7.41-.806 12.879-7.392 12.24-14.858"/><path fill="#50891D" d="M112.91 105.812c-2.101 0-4.236-.393-6.306-1.22l-22.658-9.063c-8.714-3.485-12.953-13.375-9.467-22.089c3.486-8.715 13.376-12.954 22.089-9.467l22.658 9.063c8.714 3.485 12.953 13.375 9.467 22.089c-2.657 6.644-9.038 10.687-15.783 10.687m-8.612 166.289c1.495-9.265-4.804-17.988-14.069-19.484l-32.017-5.167c-9.271-1.497-17.989 4.804-19.484 14.07s4.804 17.988 14.069 19.483l32.017 5.167q1.377.221 2.728.22c8.192 0 15.409-5.941 16.756-14.289m-4.38 155.681c.515-9.371-6.664-17.386-16.035-17.9l-35.078-1.929c-9.369-.521-17.386 6.663-17.901 16.035s6.664 17.386 16.035 17.9l35.078 1.929q.476.026.948.026c8.958.001 16.455-7.007 16.953-16.061M331.481 89.434c6.181-7.063 5.465-17.799-1.599-23.979l-18.127-15.861c-7.063-6.181-17.8-5.464-23.979 1.599c-6.181 7.063-5.465 17.799 1.599 23.979l18.127 15.861a16.93 16.93 0 0 0 11.184 4.205c4.73 0 9.436-1.965 12.795-5.804m-83.382 141.831c2.274-9.105-3.263-18.331-12.369-20.606l-29.75-7.432c-9.108-2.274-18.331 3.263-20.606 12.369c-2.274 9.105 3.263 18.331 12.369 20.606l29.75 7.432c1.383.345 2.768.511 4.131.511c7.616 0 14.545-5.157 16.475-12.88m-35.138 196.462c.484-9.373-6.722-17.364-16.095-17.849l-37.344-1.928c-9.37-.49-17.363 6.722-17.848 16.094s6.722 17.364 16.095 17.848l37.344 1.929q.447.024.891.023c8.984 0 16.489-7.043 16.957-16.117"/><path fill="#FFB636" d="M277.517 198.696c-4.877 0-9.45-3.021-11.195-7.874c-2.223-6.183.987-12.996 7.17-15.219l96.196-34.586c6.183-2.224 12.995.988 15.219 7.169c2.223 6.183-.987 12.996-7.17 15.219l-96.196 34.586a11.9 11.9 0 0 1-4.024.705"/><path fill="#B1E87E" d="m71.863 162.558l-.47-.076a21 21 0 0 1-1.322-.246a43 43 0 0 1-4.497-1.21l-1.419-.47l-1.467-.565c-1.051-.376-2.032-.865-3.146-1.354c-2.171-1.006-4.379-2.27-6.57-3.765c-4.387-2.986-8.537-6.985-11.81-11.894c-1.665-2.439-3.013-5.158-4.322-7.953c-1.286-2.807-2.549-5.682-3.652-8.642a116 116 0 0 1-5.274-18.032a106 106 0 0 1-2.127-17.046a103 103 0 0 1-.085-3.772l.058-3.474l.17-3.118l.244-2.7c.185-1.65.384-2.975.545-3.892l.284-1.426a7.186 7.186 0 0 1 9.82-5.225l1.341.561c.85.379 2.06.954 3.532 1.723l2.375 1.306l2.68 1.601l2.913 1.893a104 104 0 0 1 3.08 2.178a106 106 0 0 1 12.948 11.289a116 116 0 0 1 12.007 14.45c1.838 2.569 3.517 5.223 5.127 7.858c1.587 2.647 3.088 5.284 4.181 8.028c2.243 5.457 3.24 11.134 3.265 16.44c.016 2.652-.17 5.189-.549 7.552c-.217 1.196-.36 2.284-.635 3.365l-.351 1.532l-.403 1.44a43 43 0 0 1-1.509 4.405q-.324.797-.535 1.234l-.2.432c-2.562 5.552-8.473 8.498-14.227 7.573"/>
</svg>
);Firefox OS Emoji
More like it
Icons that share its tags, in the same style.
Search Firefox OS Emoji
Skip the copy and paste. With Pro, your AI agent finds and installs any Firefox OS Emoji icon from a prompt.
Get ProTags
Browse by tag
Tanabatatree is tagged icon, emoji, culture and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Firefox OS Emoji MCP, with Pro
Ask for Tanabatatree or any of 1,034 Firefox OS Emoji icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Tanabatatree icon means and where it's used, then how to install, style, label and license it.
The tanabatatree icon represents a tree decorated for the Tanabata festival, often used to convey a sense of celebration or festivity. It originates from the Firefox OS emoji library, created by Mozilla. This icon is used to express a range of emotions related to joy, celebration, or cultural heritage.
The tanabatatree icon can be found in various software and platforms that utilize the Firefox OS emoji set, such as social media platforms, online forums, and cultural event websites. For instance, it may be used in a social media post to convey a sense of celebration or in a cultural event website to represent the Tanabata festival.
From a UX perspective, the tanabatatree icon effectively communicates a sense of celebration or festivity, allowing users to quickly understand the intended meaning. Its clear and recognizable design enables seamless integration into various interfaces, making it easy for users to navigate and understand the context.
Tanabatatree is one of 1,034 icons in Firefox OS Emoji, made by Mozilla and released under Apache 2.0. It is drawn on a 512 × 512 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds TanabatatreeIcon to components/icons/fxemoji-tanabatatree.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed TanabatatreeIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Tanabatatree icon, or any of 1,034 Firefox OS Emoji icons, and install it from a prompt.
It's multicolor, so it keeps its own colors.
Set width and height on the component, or a class like size-6. It's drawn on a 512 × 512 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It keeps its own colors in light and dark mode, so check it against both backgrounds. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Tanabatatree", so screen readers say what it does.
Yes. TanabatatreeIcon passes every SVG prop to the svg element, so <TanabatatreeIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes. Apache 2.0 allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.
No visible credit is required: Apache 2.0 only asks that you keep the license notice if you ship the icons' source files. Icons installed with the shadcn CLI already start with a comment naming Firefox OS Emoji, Mozilla and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
Its tags are icon, emoji, culture, celebration, firefox and mozilla. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Tanabatatree in another set.
4.9 out of 5 from 150+ developers
Install Tanabatatree from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro