Tree 1 icon
glyphs-poly:tree-1
The Tree 1 icon (glyphs-poly:tree-1) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2994a" fill-rule="evenodd" d="M36.91 58a1 1 0 0 0-1 1v5.834a6 6 0 0 1-.816 3.023l-.956 1.64A1 1 0 0 0 35.002 71h10.517a1 1 0 0 0 .864-1.504l-1.655-2.837a6 6 0 0 1-.817-3.023V59a1 1 0 0 0-1-1z" clip-rule="evenodd"/><path fill="#f2994a" d="m34.138 69.496l1.727 1.008zm12.245 0l1.728-1.008zm-1.655-2.837l-1.727 1.008zm-9.634 1.198l-1.728-1.007zM37.91 59a1 1 0 0 1-1 1v-4a3 3 0 0 0-3 3zm0 5.834V59h-4v5.834zm-2.046 5.67l.956-1.639l-3.455-2.015l-.956 1.638zM35.001 69a1 1 0 0 1 .864 1.504l-3.455-2.016c-1.166 2 .276 4.512 2.592 4.512zm1.91 0H35v4h1.91zm6 0h-6v4h6zm2.608 0h-2.608v4h2.608zm-.863 1.504A1 1 0 0 1 45.519 69v4c2.316 0 3.758-2.512 2.592-4.512zM43 67.667l1.655 2.837l3.455-2.016l-1.655-2.837zM41.91 59v4.636h4V59zm1 1a1 1 0 0 1-1-1h4a3 3 0 0 0-3-3zm-6 0h6v-4h-6zm9.545 5.651a4 4 0 0 1-.545-2.015h-4a8 8 0 0 0 1.09 4.03zm-12.545-.817a4 4 0 0 1-.545 2.016l3.455 2.015a8 8 0 0 0 1.09-4.03z"/><path fill="#219653" fill-rule="evenodd" d="M56 28h-8.125L61 43H50.667L64 58H16l13.333-15H19l13.125-15H24l16-18z" clip-rule="evenodd"/><path fill="#219653" d="M47.875 28v-2a2 2 0 0 0-1.505 3.317zM56 28v2a2 2 0 0 0 1.495-3.329zm5 15v2a2 2 0 0 0 1.505-3.317zm-10.333 0v-2a2 2 0 0 0-1.495 3.329zM64 58v2a2 2 0 0 0 1.495-3.329zm-48 0l-1.495-1.329A2 2 0 0 0 16 60zm13.333-15l1.495 1.329A2 2 0 0 0 29.333 41zM19 43l-1.505-1.317A2 2 0 0 0 19 45zm13.125-15l1.505 1.317A2 2 0 0 0 32.125 26zM24 28l-1.495-1.329A2 2 0 0 0 24 30zm16-18l1.495-1.329a2 2 0 0 0-2.99 0zm7.875 20H56v-4h-8.125zm14.63 11.683l-13.125-15l-3.01 2.634l13.125 15zM50.667 45H61v-4H50.667zm-1.495-.671l13.333 15l2.99-2.658l-13.334-15zM64 56H16v4h48zm-46.505 3.329l13.333-15l-2.99-2.658l-13.333 15zM19 45h10.333v-4H19zm11.62-18.317l-13.125 15l3.01 2.634l13.125-15zM24 30h8.125v-4H24zM38.505 8.671l-16 18l2.99 2.658l16-18zm18.99 18l-16-18l-2.99 2.658l16 18z"/></g></svg>How to use the Tree 1 icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:tree-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:tree-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:tree-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--tree-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:tree-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:tree-1"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/tree-1.svg" alt="Tree 1 icon" width="24" height="24">Related icons in Glyphs Poly
Tree 1 icon in other icon sets
Tree 1 icon FAQ
Is the Tree 1 icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Tree 1 icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:tree-1" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tree 1 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/tree-1.svg" alt="Tree 1 icon">, or paste the SVG code inline to style it with CSS.