tree palm icon

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

Name: tree-palm-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

tree-palm tree-palm-duotone tree-palm-fill tree-palm-light 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="M240.69 50.47a70.87 70.87 0 0 0-103.54 0A76.6 76.6 0 0 0 128 62.19a76.6 76.6 0 0 0-9.15-11.72a70.87 70.87 0 0 0-103.54 0a12 12 0 0 0 3.9 19.28L66 90.12a75.45 75.45 0 0 0-43.43 89a12 12 0 0 0 18.85 6.41L116 128.75V224a12 12 0 0 0 24 0v-95.25l74.54 56.79a12 12 0 0 0 18.85-6.41a75.45 75.45 0 0 0-43.43-89l46.83-20.37a12 12 0 0 0 3.9-19.28ZM67.08 52a47.16 47.16 0 0 1 34.38 15a52.4 52.4 0 0 1 10.84 17.08L48 56.1A46.3 46.3 0 0 1 67.08 52M44.39 153.15a51.72 51.72 0 0 1 38.14-43.38A52.8 52.8 0 0 1 96.09 108a50 50 0 0 1 7 .47ZM205 133.81a51.1 51.1 0 0 1 6.57 19.34L153 108.46a52.2 52.2 0 0 1 20.51 1.31A51.6 51.6 0 0 1 205 133.81m-61.3-49.73A52.4 52.4 0 0 1 154.54 67a47.16 47.16 0 0 1 34.38-15A46.3 46.3 0 0 1 208 56.1Z"/></svg>

React

import type { SVGProps } from "react";

export function PhTreePalmBold(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="M240.69 50.47a70.87 70.87 0 0 0-103.54 0A76.6 76.6 0 0 0 128 62.19a76.6 76.6 0 0 0-9.15-11.72a70.87 70.87 0 0 0-103.54 0a12 12 0 0 0 3.9 19.28L66 90.12a75.45 75.45 0 0 0-43.43 89a12 12 0 0 0 18.85 6.41L116 128.75V224a12 12 0 0 0 24 0v-95.25l74.54 56.79a12 12 0 0 0 18.85-6.41a75.45 75.45 0 0 0-43.43-89l46.83-20.37a12 12 0 0 0 3.9-19.28ZM67.08 52a47.16 47.16 0 0 1 34.38 15a52.4 52.4 0 0 1 10.84 17.08L48 56.1A46.3 46.3 0 0 1 67.08 52M44.39 153.15a51.72 51.72 0 0 1 38.14-43.38A52.8 52.8 0 0 1 96.09 108a50 50 0 0 1 7 .47ZM205 133.81a51.1 51.1 0 0 1 6.57 19.34L153 108.46a52.2 52.2 0 0 1 20.51 1.31A51.6 51.6 0 0 1 205 133.81m-61.3-49.73A52.4 52.4 0 0 1 154.54 67a47.16 47.16 0 0 1 34.38-15A46.3 46.3 0 0 1 208 56.1Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M240.69 50.47a70.87 70.87 0 0 0-103.54 0A76.6 76.6 0 0 0 128 62.19a76.6 76.6 0 0 0-9.15-11.72a70.87 70.87 0 0 0-103.54 0a12 12 0 0 0 3.9 19.28L66 90.12a75.45 75.45 0 0 0-43.43 89a12 12 0 0 0 18.85 6.41L116 128.75V224a12 12 0 0 0 24 0v-95.25l74.54 56.79a12 12 0 0 0 18.85-6.41a75.45 75.45 0 0 0-43.43-89l46.83-20.37a12 12 0 0 0 3.9-19.28ZM67.08 52a47.16 47.16 0 0 1 34.38 15a52.4 52.4 0 0 1 10.84 17.08L48 56.1A46.3 46.3 0 0 1 67.08 52M44.39 153.15a51.72 51.72 0 0 1 38.14-43.38A52.8 52.8 0 0 1 96.09 108a50 50 0 0 1 7 .47ZM205 133.81a51.1 51.1 0 0 1 6.57 19.34L153 108.46a52.2 52.2 0 0 1 20.51 1.31A51.6 51.6 0 0 1 205 133.81m-61.3-49.73A52.4 52.4 0 0 1 154.54 67a47.16 47.16 0 0 1 34.38-15A46.3 46.3 0 0 1 208 56.1Z"/></svg>
</template>

CSS

.icon-tree-palm-bold {
  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%22M240.69%2050.47a70.87%2070.87%200%200%200-103.54%200A76.6%2076.6%200%200%200%20128%2062.19a76.6%2076.6%200%200%200-9.15-11.72a70.87%2070.87%200%200%200-103.54%200a12%2012%200%200%200%203.9%2019.28L66%2090.12a75.45%2075.45%200%200%200-43.43%2089a12%2012%200%200%200%2018.85%206.41L116%20128.75V224a12%2012%200%200%200%2024%200v-95.25l74.54%2056.79a12%2012%200%200%200%2018.85-6.41a75.45%2075.45%200%200%200-43.43-89l46.83-20.37a12%2012%200%200%200%203.9-19.28ZM67.08%2052a47.16%2047.16%200%200%201%2034.38%2015a52.4%2052.4%200%200%201%2010.84%2017.08L48%2056.1A46.3%2046.3%200%200%201%2067.08%2052M44.39%20153.15a51.72%2051.72%200%200%201%2038.14-43.38A52.8%2052.8%200%200%201%2096.09%20108a50%2050%200%200%201%207%20.47ZM205%20133.81a51.1%2051.1%200%200%201%206.57%2019.34L153%20108.46a52.2%2052.2%200%200%201%2020.51%201.31A51.6%2051.6%200%200%201%20205%20133.81m-61.3-49.73A52.4%2052.4%200%200%201%20154.54%2067a47.16%2047.16%200%200%201%2034.38-15A46.3%2046.3%200%200%201%20208%2056.1Z%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%22M240.69%2050.47a70.87%2070.87%200%200%200-103.54%200A76.6%2076.6%200%200%200%20128%2062.19a76.6%2076.6%200%200%200-9.15-11.72a70.87%2070.87%200%200%200-103.54%200a12%2012%200%200%200%203.9%2019.28L66%2090.12a75.45%2075.45%200%200%200-43.43%2089a12%2012%200%200%200%2018.85%206.41L116%20128.75V224a12%2012%200%200%200%2024%200v-95.25l74.54%2056.79a12%2012%200%200%200%2018.85-6.41a75.45%2075.45%200%200%200-43.43-89l46.83-20.37a12%2012%200%200%200%203.9-19.28ZM67.08%2052a47.16%2047.16%200%200%201%2034.38%2015a52.4%2052.4%200%200%201%2010.84%2017.08L48%2056.1A46.3%2046.3%200%200%201%2067.08%2052M44.39%20153.15a51.72%2051.72%200%200%201%2038.14-43.38A52.8%2052.8%200%200%201%2096.09%20108a50%2050%200%200%201%207%20.47ZM205%20133.81a51.1%2051.1%200%200%201%206.57%2019.34L153%20108.46a52.2%2052.2%200%200%201%2020.51%201.31A51.6%2051.6%200%200%201%20205%20133.81m-61.3-49.73A52.4%2052.4%200%200%201%20154.54%2067a47.16%2047.16%200%200%201%2034.38-15A46.3%2046.3%200%200%201%20208%2056.1Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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