tree palm icon

tree-palm-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: tree-palm-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

tree-palm tree-palm-bold tree-palm-duotone tree-palm-fill tree-palm-thin

The same icon in other sets

tree-palmHuge Icons tree-palmLucide tree-palmMyna UI Icons

Related icons in Phosphor

tree-evergreen tree-structure tree-view

Use the tree palm icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M236.35 54.61a64.87 64.87 0 0 0-94.85 0A70 70 0 0 0 128 75a70 70 0 0 0-13.5-20.37a64.87 64.87 0 0 0-94.85 0a6 6 0 0 0 2 9.64l61.83 26.9c-1.85.34-3.7.74-5.54 1.23a69.42 69.42 0 0 0-42.5 32.39a68.65 68.65 0 0 0-7 52.79a6 6 0 0 0 3.86 4.12a6.1 6.1 0 0 0 1.93.32a6 6 0 0 0 3.64-1.23L122 116.64V224a6 6 0 0 0 12 0V116.64l84.17 64.13a6 6 0 0 0 3.64 1.23a6.1 6.1 0 0 0 1.93-.32a6 6 0 0 0 3.86-4.12a68.65 68.65 0 0 0-7-52.79a69.42 69.42 0 0 0-42.5-32.39c-1.84-.49-3.69-.89-5.54-1.23l61.83-26.9a6 6 0 0 0 2-9.64ZM67.08 46a53.16 53.16 0 0 1 38.73 16.88a58.77 58.77 0 0 1 15.47 31.65L34.93 57a52.6 52.6 0 0 1 32.15-11M38.29 165.33a56.77 56.77 0 0 1 7.48-34.53A57.58 57.58 0 0 1 81 104a58.8 58.8 0 0 1 15.12-2a57.7 57.7 0 0 1 20.43 3.73Zm171.94-34.53a56.77 56.77 0 0 1 7.48 34.53l-78.24-59.61a58.24 58.24 0 0 1 70.76 25.08m-75.51-36.27a58.77 58.77 0 0 1 15.47-31.65A53.16 53.16 0 0 1 188.92 46a52.6 52.6 0 0 1 32.15 11Z"/></svg>

React

import type { SVGProps } from "react";

export function PhTreePalmLight(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="M236.35 54.61a64.87 64.87 0 0 0-94.85 0A70 70 0 0 0 128 75a70 70 0 0 0-13.5-20.37a64.87 64.87 0 0 0-94.85 0a6 6 0 0 0 2 9.64l61.83 26.9c-1.85.34-3.7.74-5.54 1.23a69.42 69.42 0 0 0-42.5 32.39a68.65 68.65 0 0 0-7 52.79a6 6 0 0 0 3.86 4.12a6.1 6.1 0 0 0 1.93.32a6 6 0 0 0 3.64-1.23L122 116.64V224a6 6 0 0 0 12 0V116.64l84.17 64.13a6 6 0 0 0 3.64 1.23a6.1 6.1 0 0 0 1.93-.32a6 6 0 0 0 3.86-4.12a68.65 68.65 0 0 0-7-52.79a69.42 69.42 0 0 0-42.5-32.39c-1.84-.49-3.69-.89-5.54-1.23l61.83-26.9a6 6 0 0 0 2-9.64ZM67.08 46a53.16 53.16 0 0 1 38.73 16.88a58.77 58.77 0 0 1 15.47 31.65L34.93 57a52.6 52.6 0 0 1 32.15-11M38.29 165.33a56.77 56.77 0 0 1 7.48-34.53A57.58 57.58 0 0 1 81 104a58.8 58.8 0 0 1 15.12-2a57.7 57.7 0 0 1 20.43 3.73Zm171.94-34.53a56.77 56.77 0 0 1 7.48 34.53l-78.24-59.61a58.24 58.24 0 0 1 70.76 25.08m-75.51-36.27a58.77 58.77 0 0 1 15.47-31.65A53.16 53.16 0 0 1 188.92 46a52.6 52.6 0 0 1 32.15 11Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M236.35 54.61a64.87 64.87 0 0 0-94.85 0A70 70 0 0 0 128 75a70 70 0 0 0-13.5-20.37a64.87 64.87 0 0 0-94.85 0a6 6 0 0 0 2 9.64l61.83 26.9c-1.85.34-3.7.74-5.54 1.23a69.42 69.42 0 0 0-42.5 32.39a68.65 68.65 0 0 0-7 52.79a6 6 0 0 0 3.86 4.12a6.1 6.1 0 0 0 1.93.32a6 6 0 0 0 3.64-1.23L122 116.64V224a6 6 0 0 0 12 0V116.64l84.17 64.13a6 6 0 0 0 3.64 1.23a6.1 6.1 0 0 0 1.93-.32a6 6 0 0 0 3.86-4.12a68.65 68.65 0 0 0-7-52.79a69.42 69.42 0 0 0-42.5-32.39c-1.84-.49-3.69-.89-5.54-1.23l61.83-26.9a6 6 0 0 0 2-9.64ZM67.08 46a53.16 53.16 0 0 1 38.73 16.88a58.77 58.77 0 0 1 15.47 31.65L34.93 57a52.6 52.6 0 0 1 32.15-11M38.29 165.33a56.77 56.77 0 0 1 7.48-34.53A57.58 57.58 0 0 1 81 104a58.8 58.8 0 0 1 15.12-2a57.7 57.7 0 0 1 20.43 3.73Zm171.94-34.53a56.77 56.77 0 0 1 7.48 34.53l-78.24-59.61a58.24 58.24 0 0 1 70.76 25.08m-75.51-36.27a58.77 58.77 0 0 1 15.47-31.65A53.16 53.16 0 0 1 188.92 46a52.6 52.6 0 0 1 32.15 11Z"/></svg>
</template>

CSS

.icon-tree-palm-light {
  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%22M236.35%2054.61a64.87%2064.87%200%200%200-94.85%200A70%2070%200%200%200%20128%2075a70%2070%200%200%200-13.5-20.37a64.87%2064.87%200%200%200-94.85%200a6%206%200%200%200%202%209.64l61.83%2026.9c-1.85.34-3.7.74-5.54%201.23a69.42%2069.42%200%200%200-42.5%2032.39a68.65%2068.65%200%200%200-7%2052.79a6%206%200%200%200%203.86%204.12a6.1%206.1%200%200%200%201.93.32a6%206%200%200%200%203.64-1.23L122%20116.64V224a6%206%200%200%200%2012%200V116.64l84.17%2064.13a6%206%200%200%200%203.64%201.23a6.1%206.1%200%200%200%201.93-.32a6%206%200%200%200%203.86-4.12a68.65%2068.65%200%200%200-7-52.79a69.42%2069.42%200%200%200-42.5-32.39c-1.84-.49-3.69-.89-5.54-1.23l61.83-26.9a6%206%200%200%200%202-9.64ZM67.08%2046a53.16%2053.16%200%200%201%2038.73%2016.88a58.77%2058.77%200%200%201%2015.47%2031.65L34.93%2057a52.6%2052.6%200%200%201%2032.15-11M38.29%20165.33a56.77%2056.77%200%200%201%207.48-34.53A57.58%2057.58%200%200%201%2081%20104a58.8%2058.8%200%200%201%2015.12-2a57.7%2057.7%200%200%201%2020.43%203.73Zm171.94-34.53a56.77%2056.77%200%200%201%207.48%2034.53l-78.24-59.61a58.24%2058.24%200%200%201%2070.76%2025.08m-75.51-36.27a58.77%2058.77%200%200%201%2015.47-31.65A53.16%2053.16%200%200%201%20188.92%2046a52.6%2052.6%200%200%201%2032.15%2011Z%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%22M236.35%2054.61a64.87%2064.87%200%200%200-94.85%200A70%2070%200%200%200%20128%2075a70%2070%200%200%200-13.5-20.37a64.87%2064.87%200%200%200-94.85%200a6%206%200%200%200%202%209.64l61.83%2026.9c-1.85.34-3.7.74-5.54%201.23a69.42%2069.42%200%200%200-42.5%2032.39a68.65%2068.65%200%200%200-7%2052.79a6%206%200%200%200%203.86%204.12a6.1%206.1%200%200%200%201.93.32a6%206%200%200%200%203.64-1.23L122%20116.64V224a6%206%200%200%200%2012%200V116.64l84.17%2064.13a6%206%200%200%200%203.64%201.23a6.1%206.1%200%200%200%201.93-.32a6%206%200%200%200%203.86-4.12a68.65%2068.65%200%200%200-7-52.79a69.42%2069.42%200%200%200-42.5-32.39c-1.84-.49-3.69-.89-5.54-1.23l61.83-26.9a6%206%200%200%200%202-9.64ZM67.08%2046a53.16%2053.16%200%200%201%2038.73%2016.88a58.77%2058.77%200%200%201%2015.47%2031.65L34.93%2057a52.6%2052.6%200%200%201%2032.15-11M38.29%20165.33a56.77%2056.77%200%200%201%207.48-34.53A57.58%2057.58%200%200%201%2081%20104a58.8%2058.8%200%200%201%2015.12-2a57.7%2057.7%200%200%201%2020.43%203.73Zm171.94-34.53a56.77%2056.77%200%200%201%207.48%2034.53l-78.24-59.61a58.24%2058.24%200%200%201%2070.76%2025.08m-75.51-36.27a58.77%2058.77%200%200%201%2015.47-31.65A53.16%2053.16%200%200%201%20188.92%2046a52.6%2052.6%200%200%201%2032.15%2011Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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