tree icon

tree from Font Awesome 6 Solid by Dave Gandy · Regular · Autumn · CC-BY-4.0 Attribution required.

Name
tree
Set
Font Awesome 6 Solid
Style
Regular
Category
Autumn
Viewbox
448×512
License
CC BY 4.0

The same icon in other sets

treeBootstrap IconstreeBoxIcons v2 SolidtreeCarbontreeFramework7 IconstreeFont Awesome Solidtreecss.ggtreeIconParktreeIconPark OutlinetreeIconoirtreeJam IconstreeLine AwesometreeMaterial Icon ThemetreeMaterial Design Iconstree-fillMingCute IcontreeMyna UI IconstreePhosphortreePixelarticonstree-fillRemix IcontreeTabler IconstreeWeb3 Icons Branded

More autumn icons from Font Awesome 6 Solid

campgroundcloud-sundrumstick-bitemountaintractorwindwine-bottletree-city

Use the tree icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M210.6 5.9L62 169.4c-3.9 4.2-6 9.8-6 15.5c0 12.8 10.3 23.1 23.1 23.1H104l-73.4 73.4c-4.2 4.2-6.6 10-6.6 16c0 12.5 10.1 22.6 22.6 22.6H80L5.4 409.5c-3.5 4.2-5.4 9.5-5.4 15c0 13 10.5 23.5 23.5 23.5H192v32c0 17.7 14.3 32 32 32s32-14.3 32-32v-32h168.5c13 0 23.5-10.5 23.5-23.5c0-5.5-1.9-10.8-5.4-15L368 320h33.4c12.5 0 22.6-10.1 22.6-22.6c0-6-2.4-11.8-6.6-16L344 208h24.9c12.7 0 23.1-10.3 23.1-23.1c0-5.7-2.1-11.3-6-15.5L237.4 5.9C234 2.1 229.1 0 224 0s-10 2.1-13.4 5.9"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidTree(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M210.6 5.9L62 169.4c-3.9 4.2-6 9.8-6 15.5c0 12.8 10.3 23.1 23.1 23.1H104l-73.4 73.4c-4.2 4.2-6.6 10-6.6 16c0 12.5 10.1 22.6 22.6 22.6H80L5.4 409.5c-3.5 4.2-5.4 9.5-5.4 15c0 13 10.5 23.5 23.5 23.5H192v32c0 17.7 14.3 32 32 32s32-14.3 32-32v-32h168.5c13 0 23.5-10.5 23.5-23.5c0-5.5-1.9-10.8-5.4-15L368 320h33.4c12.5 0 22.6-10.1 22.6-22.6c0-6-2.4-11.8-6.6-16L344 208h24.9c12.7 0 23.1-10.3 23.1-23.1c0-5.7-2.1-11.3-6-15.5L237.4 5.9C234 2.1 229.1 0 224 0s-10 2.1-13.4 5.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M210.6 5.9L62 169.4c-3.9 4.2-6 9.8-6 15.5c0 12.8 10.3 23.1 23.1 23.1H104l-73.4 73.4c-4.2 4.2-6.6 10-6.6 16c0 12.5 10.1 22.6 22.6 22.6H80L5.4 409.5c-3.5 4.2-5.4 9.5-5.4 15c0 13 10.5 23.5 23.5 23.5H192v32c0 17.7 14.3 32 32 32s32-14.3 32-32v-32h168.5c13 0 23.5-10.5 23.5-23.5c0-5.5-1.9-10.8-5.4-15L368 320h33.4c12.5 0 22.6-10.1 22.6-22.6c0-6-2.4-11.8-6.6-16L344 208h24.9c12.7 0 23.1-10.3 23.1-23.1c0-5.7-2.1-11.3-6-15.5L237.4 5.9C234 2.1 229.1 0 224 0s-10 2.1-13.4 5.9"/></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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M210.6%205.9L62%20169.4c-3.9%204.2-6%209.8-6%2015.5c0%2012.8%2010.3%2023.1%2023.1%2023.1H104l-73.4%2073.4c-4.2%204.2-6.6%2010-6.6%2016c0%2012.5%2010.1%2022.6%2022.6%2022.6H80L5.4%20409.5c-3.5%204.2-5.4%209.5-5.4%2015c0%2013%2010.5%2023.5%2023.5%2023.5H192v32c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32v-32h168.5c13%200%2023.5-10.5%2023.5-23.5c0-5.5-1.9-10.8-5.4-15L368%20320h33.4c12.5%200%2022.6-10.1%2022.6-22.6c0-6-2.4-11.8-6.6-16L344%20208h24.9c12.7%200%2023.1-10.3%2023.1-23.1c0-5.7-2.1-11.3-6-15.5L237.4%205.9C234%202.1%20229.1%200%20224%200s-10%202.1-13.4%205.9%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M210.6%205.9L62%20169.4c-3.9%204.2-6%209.8-6%2015.5c0%2012.8%2010.3%2023.1%2023.1%2023.1H104l-73.4%2073.4c-4.2%204.2-6.6%2010-6.6%2016c0%2012.5%2010.1%2022.6%2022.6%2022.6H80L5.4%20409.5c-3.5%204.2-5.4%209.5-5.4%2015c0%2013%2010.5%2023.5%2023.5%2023.5H192v32c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32v-32h168.5c13%200%2023.5-10.5%2023.5-23.5c0-5.5-1.9-10.8-5.4-15L368%20320h33.4c12.5%200%2022.6-10.1%2022.6-22.6c0-6-2.4-11.8-6.6-16L344%20208h24.9c12.7%200%2023.1-10.3%2023.1-23.1c0-5.7-2.1-11.3-6-15.5L237.4%205.9C234%202.1%20229.1%200%20224%200s-10%202.1-13.4%205.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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