tree icon

tree-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: tree-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

tree tree-duotone tree-fill tree-light tree-thin

The same icon in other sets

treeBootstrap Icons treeBoxIcons v2 Solid treeCarbon treeFramework7 Icons treeFont Awesome 6 Solid treecss.gg treeIconoir treeJam Icons treeLine Awesome treeMaterial Design Icons tree-fillMingCute Icon treePixelarticons tree-fillRemix Icon treeTabler Icons

Related icons in Phosphor

tree-evergreen tree-palm tree-structure tree-view

Use the tree icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M201.17 59.62a80 80 0 0 0-146.34 0a76 76 0 0 0 61.17 139V232a12 12 0 0 0 24 0v-33.36a76.3 76.3 0 0 0 28 5.36h1.92a76 76 0 0 0 31.25-144.38M169.35 180a52 52 0 0 1-29.35-8.21v-36.37l41.37-20.69a12 12 0 1 0-10.74-21.46L140 108.58V88a12 12 0 0 0-24 0v44.58l-30.63-15.31a12 12 0 0 0-10.74 21.46L116 159.42v12.37A52.24 52.24 0 0 1 86.65 180c-27.53-.69-50.72-24.56-50.65-52.13a51.81 51.81 0 0 1 32.61-48.1a12 12 0 0 0 6.78-7a56 56 0 0 1 105.22 0a12 12 0 0 0 6.78 7A51.81 51.81 0 0 1 220 127.85c.08 27.56-23.12 51.44-50.65 52.15"/></svg>

React

import type { SVGProps } from "react";

export function PhTreeBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M201.17 59.62a80 80 0 0 0-146.34 0a76 76 0 0 0 61.17 139V232a12 12 0 0 0 24 0v-33.36a76.3 76.3 0 0 0 28 5.36h1.92a76 76 0 0 0 31.25-144.38M169.35 180a52 52 0 0 1-29.35-8.21v-36.37l41.37-20.69a12 12 0 1 0-10.74-21.46L140 108.58V88a12 12 0 0 0-24 0v44.58l-30.63-15.31a12 12 0 0 0-10.74 21.46L116 159.42v12.37A52.24 52.24 0 0 1 86.65 180c-27.53-.69-50.72-24.56-50.65-52.13a51.81 51.81 0 0 1 32.61-48.1a12 12 0 0 0 6.78-7a56 56 0 0 1 105.22 0a12 12 0 0 0 6.78 7A51.81 51.81 0 0 1 220 127.85c.08 27.56-23.12 51.44-50.65 52.15"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M201.17 59.62a80 80 0 0 0-146.34 0a76 76 0 0 0 61.17 139V232a12 12 0 0 0 24 0v-33.36a76.3 76.3 0 0 0 28 5.36h1.92a76 76 0 0 0 31.25-144.38M169.35 180a52 52 0 0 1-29.35-8.21v-36.37l41.37-20.69a12 12 0 1 0-10.74-21.46L140 108.58V88a12 12 0 0 0-24 0v44.58l-30.63-15.31a12 12 0 0 0-10.74 21.46L116 159.42v12.37A52.24 52.24 0 0 1 86.65 180c-27.53-.69-50.72-24.56-50.65-52.13a51.81 51.81 0 0 1 32.61-48.1a12 12 0 0 0 6.78-7a56 56 0 0 1 105.22 0a12 12 0 0 0 6.78 7A51.81 51.81 0 0 1 220 127.85c.08 27.56-23.12 51.44-50.65 52.15"/></svg>
</template>

CSS

.icon-tree-bold {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M201.17%2059.62a80%2080%200%200%200-146.34%200a76%2076%200%200%200%2061.17%20139V232a12%2012%200%200%200%2024%200v-33.36a76.3%2076.3%200%200%200%2028%205.36h1.92a76%2076%200%200%200%2031.25-144.38M169.35%20180a52%2052%200%200%201-29.35-8.21v-36.37l41.37-20.69a12%2012%200%201%200-10.74-21.46L140%20108.58V88a12%2012%200%200%200-24%200v44.58l-30.63-15.31a12%2012%200%200%200-10.74%2021.46L116%20159.42v12.37A52.24%2052.24%200%200%201%2086.65%20180c-27.53-.69-50.72-24.56-50.65-52.13a51.81%2051.81%200%200%201%2032.61-48.1a12%2012%200%200%200%206.78-7a56%2056%200%200%201%20105.22%200a12%2012%200%200%200%206.78%207A51.81%2051.81%200%200%201%20220%20127.85c.08%2027.56-23.12%2051.44-50.65%2052.15%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M201.17%2059.62a80%2080%200%200%200-146.34%200a76%2076%200%200%200%2061.17%20139V232a12%2012%200%200%200%2024%200v-33.36a76.3%2076.3%200%200%200%2028%205.36h1.92a76%2076%200%200%200%2031.25-144.38M169.35%20180a52%2052%200%200%201-29.35-8.21v-36.37l41.37-20.69a12%2012%200%201%200-10.74-21.46L140%20108.58V88a12%2012%200%200%200-24%200v44.58l-30.63-15.31a12%2012%200%200%200-10.74%2021.46L116%20159.42v12.37A52.24%2052.24%200%200%201%2086.65%20180c-27.53-.69-50.72-24.56-50.65-52.13a51.81%2051.81%200%200%201%2032.61-48.1a12%2012%200%200%200%206.78-7a56%2056%200%200%201%20105.22%200a12%2012%200%200%200%206.78%207A51.81%2051.81%200%200%201%20220%20127.85c.08%2027.56-23.12%2051.44-50.65%2052.15%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/tree-bold.svg?color=%231a73e8&size=48