tree icon

tree from Material Design Icons by Pictogrammers · Filled · Agriculture · Apache-2.0 Free for personal and commercial use.

Name: tree
Set: Material Design Icons
Style: Filled
Category: Agriculture
Viewbox: 24×24
License: Apache 2.0

1 other variant in Material Design Icons

tree-outline

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 tree-fillMingCute Icon treePhosphor treePixelarticons tree-fillRemix Icon treeTabler Icons

More agriculture icons from Material Design Icons

Use the tree icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 21v-4.26c-.47.17-.97.26-1.5.26C7 17 5 15 5 12.5c0-1.27.5-2.41 1.36-3.23C6.13 8.73 6 8.13 6 7.5C6 5 8 3 10.5 3c1.56 0 2.94.8 3.75 2h.25a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5q-.75 0-1.5-.21V21z"/></svg>

React

import type { SVGProps } from "react";

export function MdiTree(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 21v-4.26c-.47.17-.97.26-1.5.26C7 17 5 15 5 12.5c0-1.27.5-2.41 1.36-3.23C6.13 8.73 6 8.13 6 7.5C6 5 8 3 10.5 3c1.56 0 2.94.8 3.75 2h.25a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5q-.75 0-1.5-.21V21z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 21v-4.26c-.47.17-.97.26-1.5.26C7 17 5 15 5 12.5c0-1.27.5-2.41 1.36-3.23C6.13 8.73 6 8.13 6 7.5C6 5 8 3 10.5 3c1.56 0 2.94.8 3.75 2h.25a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5q-.75 0-1.5-.21V21z"/></svg>
</template>

CSS

.icon-tree {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2021v-4.26c-.47.17-.97.26-1.5.26C7%2017%205%2015%205%2012.5c0-1.27.5-2.41%201.36-3.23C6.13%208.73%206%208.13%206%207.5C6%205%208%203%2010.5%203c1.56%200%202.94.8%203.75%202h.25a5.5%205.5%200%200%201%205.5%205.5a5.5%205.5%200%200%201-5.5%205.5q-.75%200-1.5-.21V21z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2021v-4.26c-.47.17-.97.26-1.5.26C7%2017%205%2015%205%2012.5c0-1.27.5-2.41%201.36-3.23C6.13%208.73%206%208.13%206%207.5C6%205%208%203%2010.5%203c1.56%200%202.94.8%203.75%202h.25a5.5%205.5%200%200%201%205.5%205.5a5.5%205.5%200%200%201-5.5%205.5q-.75%200-1.5-.21V21z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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