tree icon
tree from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- tree
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- tree-solid
The same icon in other sets
More objects icons from Line Awesome
Use the tree icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16 3.594l-.719.687l-5.937 5.969l-1 .969l1.281.625s1.016.367 2.438.687l-4.407 4.406l-1 .97l1.25.624s1.078.305 1.625.5l-3.594 3.594l-.968 1l1.25.625S8.656 25.426 13 25.844V29h2v-3.031c.336.011.648.031 1 .031s.664-.02 1-.031V29h2v-3.156c4.352-.418 6.813-1.594 6.813-1.594l1.218-.625l-.968-1l-3.594-3.594c.547-.195 1.625-.5 1.625-.5l1.25-.625l-1-.968l-4.407-4.407c1.422-.32 2.438-.687 2.438-.687l1.281-.625l-1-.969l-5.937-5.969zm0 2.844l4 3.968c-.594.2-.715.356-2.188.5L16 11.094l-1.813-.188c-1.472-.144-1.593-.3-2.187-.5zm0 5l1.188 1.156l4.593 4.594c-.465.164-.453.218-1.406.406l-1.844.375l1.344 1.312l3.656 3.657C22.258 23.395 20.078 24 16 24c-4.04 0-6.21-.605-7.5-1.063l3.625-3.656l1.344-1.312l-1.844-.375c-.953-.188-.941-.242-1.406-.407l4.594-4.593z"/></svg>
React
import type { SVGProps } from "react";
export function LaTree(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16 3.594l-.719.687l-5.937 5.969l-1 .969l1.281.625s1.016.367 2.438.687l-4.407 4.406l-1 .97l1.25.624s1.078.305 1.625.5l-3.594 3.594l-.968 1l1.25.625S8.656 25.426 13 25.844V29h2v-3.031c.336.011.648.031 1 .031s.664-.02 1-.031V29h2v-3.156c4.352-.418 6.813-1.594 6.813-1.594l1.218-.625l-.968-1l-3.594-3.594c.547-.195 1.625-.5 1.625-.5l1.25-.625l-1-.968l-4.407-4.407c1.422-.32 2.438-.687 2.438-.687l1.281-.625l-1-.969l-5.937-5.969zm0 2.844l4 3.968c-.594.2-.715.356-2.188.5L16 11.094l-1.813-.188c-1.472-.144-1.593-.3-2.187-.5zm0 5l1.188 1.156l4.593 4.594c-.465.164-.453.218-1.406.406l-1.844.375l1.344 1.312l3.656 3.657C22.258 23.395 20.078 24 16 24c-4.04 0-6.21-.605-7.5-1.063l3.625-3.656l1.344-1.312l-1.844-.375c-.953-.188-.941-.242-1.406-.407l4.594-4.593z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16 3.594l-.719.687l-5.937 5.969l-1 .969l1.281.625s1.016.367 2.438.687l-4.407 4.406l-1 .97l1.25.624s1.078.305 1.625.5l-3.594 3.594l-.968 1l1.25.625S8.656 25.426 13 25.844V29h2v-3.031c.336.011.648.031 1 .031s.664-.02 1-.031V29h2v-3.156c4.352-.418 6.813-1.594 6.813-1.594l1.218-.625l-.968-1l-3.594-3.594c.547-.195 1.625-.5 1.625-.5l1.25-.625l-1-.968l-4.407-4.407c1.422-.32 2.438-.687 2.438-.687l1.281-.625l-1-.969l-5.937-5.969zm0 2.844l4 3.968c-.594.2-.715.356-2.188.5L16 11.094l-1.813-.188c-1.472-.144-1.593-.3-2.187-.5zm0 5l1.188 1.156l4.593 4.594c-.465.164-.453.218-1.406.406l-1.844.375l1.344 1.312l3.656 3.657C22.258 23.395 20.078 24 16 24c-4.04 0-6.21-.605-7.5-1.063l3.625-3.656l1.344-1.312l-1.844-.375c-.953-.188-.941-.242-1.406-.407l4.594-4.593z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16%203.594l-.719.687l-5.937%205.969l-1%20.969l1.281.625s1.016.367%202.438.687l-4.407%204.406l-1%20.97l1.25.624s1.078.305%201.625.5l-3.594%203.594l-.968%201l1.25.625S8.656%2025.426%2013%2025.844V29h2v-3.031c.336.011.648.031%201%20.031s.664-.02%201-.031V29h2v-3.156c4.352-.418%206.813-1.594%206.813-1.594l1.218-.625l-.968-1l-3.594-3.594c.547-.195%201.625-.5%201.625-.5l1.25-.625l-1-.968l-4.407-4.407c1.422-.32%202.438-.687%202.438-.687l1.281-.625l-1-.969l-5.937-5.969zm0%202.844l4%203.968c-.594.2-.715.356-2.188.5L16%2011.094l-1.813-.188c-1.472-.144-1.593-.3-2.187-.5zm0%205l1.188%201.156l4.593%204.594c-.465.164-.453.218-1.406.406l-1.844.375l1.344%201.312l3.656%203.657C22.258%2023.395%2020.078%2024%2016%2024c-4.04%200-6.21-.605-7.5-1.063l3.625-3.656l1.344-1.312l-1.844-.375c-.953-.188-.941-.242-1.406-.407l4.594-4.593z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16%203.594l-.719.687l-5.937%205.969l-1%20.969l1.281.625s1.016.367%202.438.687l-4.407%204.406l-1%20.97l1.25.624s1.078.305%201.625.5l-3.594%203.594l-.968%201l1.25.625S8.656%2025.426%2013%2025.844V29h2v-3.031c.336.011.648.031%201%20.031s.664-.02%201-.031V29h2v-3.156c4.352-.418%206.813-1.594%206.813-1.594l1.218-.625l-.968-1l-3.594-3.594c.547-.195%201.625-.5%201.625-.5l1.25-.625l-1-.968l-4.407-4.407c1.422-.32%202.438-.687%202.438-.687l1.281-.625l-1-.969l-5.937-5.969zm0%202.844l4%203.968c-.594.2-.715.356-2.188.5L16%2011.094l-1.813-.188c-1.472-.144-1.593-.3-2.187-.5zm0%205l1.188%201.156l4.593%204.594c-.465.164-.453.218-1.406.406l-1.844.375l1.344%201.312l3.656%203.657C22.258%2023.395%2020.078%2024%2016%2024c-4.04%200-6.21-.605-7.5-1.063l3.625-3.656l1.344-1.312l-1.844-.375c-.953-.188-.941-.242-1.406-.407l4.594-4.593z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/tree.svg?color=%231a73e8&size=48
