tree icon
tree from Font Awesome Solid by Dave Gandy · Solid · Autumn · CC-BY-4.0 Attribution required.
- Name
- tree
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Autumn
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
treeBootstrap IconstreeBoxIcons v2 SolidtreeCarbontreeFramework7 IconstreeFont Awesome 6 Solidtreecss.ggtreeIconParktreeIconPark OutlinetreeIconoirtreeJam IconstreeLine AwesometreeMaterial Icon ThemetreeMaterial Design Iconstree-fillMingCute IcontreeMyna UI IconstreePhosphortreePixelarticonstree-fillRemix IcontreeTabler IconstreeWeb3 Icons Branded
More autumn icons from Font Awesome Solid
Use the tree icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 32c7 0 13.7 3.1 18.3 8.5l136 160c6.1 7.1 7.4 17.1 3.5 25.6S465.4 240 456 240h-24.9l75.2 88.5c6.1 7.1 7.4 17.1 3.5 25.6S497.4 368 488 368h-38.5l88.8 104.5c6.1 7.1 7.4 17.1 3.5 25.6S529.4 512 520 512H352v64c0 17.7-14.3 32-32 32s-32-14.3-32-32v-64H120c-9.4 0-17.9-5.4-21.8-13.9s-2.6-18.5 3.5-25.6L190.5 368H152c-9.4 0-17.9-5.4-21.8-13.9s-2.6-18.5 3.5-25.6l75.2-88.5H184c-9.4 0-17.9-5.4-21.8-13.9s-2.6-18.5 3.5-25.6l136-160C306.3 35.1 313 32 320 32"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidTree(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 32c7 0 13.7 3.1 18.3 8.5l136 160c6.1 7.1 7.4 17.1 3.5 25.6S465.4 240 456 240h-24.9l75.2 88.5c6.1 7.1 7.4 17.1 3.5 25.6S497.4 368 488 368h-38.5l88.8 104.5c6.1 7.1 7.4 17.1 3.5 25.6S529.4 512 520 512H352v64c0 17.7-14.3 32-32 32s-32-14.3-32-32v-64H120c-9.4 0-17.9-5.4-21.8-13.9s-2.6-18.5 3.5-25.6L190.5 368H152c-9.4 0-17.9-5.4-21.8-13.9s-2.6-18.5 3.5-25.6l75.2-88.5H184c-9.4 0-17.9-5.4-21.8-13.9s-2.6-18.5 3.5-25.6l136-160C306.3 35.1 313 32 320 32"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 32c7 0 13.7 3.1 18.3 8.5l136 160c6.1 7.1 7.4 17.1 3.5 25.6S465.4 240 456 240h-24.9l75.2 88.5c6.1 7.1 7.4 17.1 3.5 25.6S497.4 368 488 368h-38.5l88.8 104.5c6.1 7.1 7.4 17.1 3.5 25.6S529.4 512 520 512H352v64c0 17.7-14.3 32-32 32s-32-14.3-32-32v-64H120c-9.4 0-17.9-5.4-21.8-13.9s-2.6-18.5 3.5-25.6L190.5 368H152c-9.4 0-17.9-5.4-21.8-13.9s-2.6-18.5 3.5-25.6l75.2-88.5H184c-9.4 0-17.9-5.4-21.8-13.9s-2.6-18.5 3.5-25.6l136-160C306.3 35.1 313 32 320 32"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2032c7%200%2013.7%203.1%2018.3%208.5l136%20160c6.1%207.1%207.4%2017.1%203.5%2025.6S465.4%20240%20456%20240h-24.9l75.2%2088.5c6.1%207.1%207.4%2017.1%203.5%2025.6S497.4%20368%20488%20368h-38.5l88.8%20104.5c6.1%207.1%207.4%2017.1%203.5%2025.6S529.4%20512%20520%20512H352v64c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-64H120c-9.4%200-17.9-5.4-21.8-13.9s-2.6-18.5%203.5-25.6L190.5%20368H152c-9.4%200-17.9-5.4-21.8-13.9s-2.6-18.5%203.5-25.6l75.2-88.5H184c-9.4%200-17.9-5.4-21.8-13.9s-2.6-18.5%203.5-25.6l136-160C306.3%2035.1%20313%2032%20320%2032%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2032c7%200%2013.7%203.1%2018.3%208.5l136%20160c6.1%207.1%207.4%2017.1%203.5%2025.6S465.4%20240%20456%20240h-24.9l75.2%2088.5c6.1%207.1%207.4%2017.1%203.5%2025.6S497.4%20368%20488%20368h-38.5l88.8%20104.5c6.1%207.1%207.4%2017.1%203.5%2025.6S529.4%20512%20520%20512H352v64c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-64H120c-9.4%200-17.9-5.4-21.8-13.9s-2.6-18.5%203.5-25.6L190.5%20368H152c-9.4%200-17.9-5.4-21.8-13.9s-2.6-18.5%203.5-25.6l75.2-88.5H184c-9.4%200-17.9-5.4-21.8-13.9s-2.6-18.5%203.5-25.6l136-160C306.3%2035.1%20313%2032%20320%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/tree.svg?color=%231a73e8&size=48
