tree palm icon
tree-palm from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- tree-palm
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
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="M237.79 53.23a66.86 66.86 0 0 0-97.74 0a72.2 72.2 0 0 0-12.05 17a72.2 72.2 0 0 0-12-17a66.86 66.86 0 0 0-97.74 0a8 8 0 0 0 2.6 12.85L77 90.55a71.42 71.42 0 0 0-43.36 33.21a70.64 70.64 0 0 0-7.2 54.32A8 8 0 0 0 39 182.36l81-61.68V224a8 8 0 0 0 16 0V120.68l81 61.68a8 8 0 0 0 12.57-4.28a70.64 70.64 0 0 0-7.2-54.32A71.42 71.42 0 0 0 179 90.55l56.22-24.47a8 8 0 0 0 2.6-12.85ZM67.08 48a51.13 51.13 0 0 1 37.28 16.26a56.53 56.53 0 0 1 14.26 26.93L39 56.53A50.5 50.5 0 0 1 67.08 48M40 161.5a54.8 54.8 0 0 1 7.47-29.7a55.55 55.55 0 0 1 34-25.89A56.5 56.5 0 0 1 96.1 104a55.8 55.8 0 0 1 16.23 2.41Zm168.5-29.7a54.8 54.8 0 0 1 7.5 29.7l-72.3-55.1a56.3 56.3 0 0 1 64.83 25.4Zm-71.12-40.61a56.53 56.53 0 0 1 14.26-26.93A51.13 51.13 0 0 1 188.92 48A50.5 50.5 0 0 1 217 56.53Z"/></svg>
React
import type { SVGProps } from "react";
export function PhTreePalm(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="M237.79 53.23a66.86 66.86 0 0 0-97.74 0a72.2 72.2 0 0 0-12.05 17a72.2 72.2 0 0 0-12-17a66.86 66.86 0 0 0-97.74 0a8 8 0 0 0 2.6 12.85L77 90.55a71.42 71.42 0 0 0-43.36 33.21a70.64 70.64 0 0 0-7.2 54.32A8 8 0 0 0 39 182.36l81-61.68V224a8 8 0 0 0 16 0V120.68l81 61.68a8 8 0 0 0 12.57-4.28a70.64 70.64 0 0 0-7.2-54.32A71.42 71.42 0 0 0 179 90.55l56.22-24.47a8 8 0 0 0 2.6-12.85ZM67.08 48a51.13 51.13 0 0 1 37.28 16.26a56.53 56.53 0 0 1 14.26 26.93L39 56.53A50.5 50.5 0 0 1 67.08 48M40 161.5a54.8 54.8 0 0 1 7.47-29.7a55.55 55.55 0 0 1 34-25.89A56.5 56.5 0 0 1 96.1 104a55.8 55.8 0 0 1 16.23 2.41Zm168.5-29.7a54.8 54.8 0 0 1 7.5 29.7l-72.3-55.1a56.3 56.3 0 0 1 64.83 25.4Zm-71.12-40.61a56.53 56.53 0 0 1 14.26-26.93A51.13 51.13 0 0 1 188.92 48A50.5 50.5 0 0 1 217 56.53Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M237.79 53.23a66.86 66.86 0 0 0-97.74 0a72.2 72.2 0 0 0-12.05 17a72.2 72.2 0 0 0-12-17a66.86 66.86 0 0 0-97.74 0a8 8 0 0 0 2.6 12.85L77 90.55a71.42 71.42 0 0 0-43.36 33.21a70.64 70.64 0 0 0-7.2 54.32A8 8 0 0 0 39 182.36l81-61.68V224a8 8 0 0 0 16 0V120.68l81 61.68a8 8 0 0 0 12.57-4.28a70.64 70.64 0 0 0-7.2-54.32A71.42 71.42 0 0 0 179 90.55l56.22-24.47a8 8 0 0 0 2.6-12.85ZM67.08 48a51.13 51.13 0 0 1 37.28 16.26a56.53 56.53 0 0 1 14.26 26.93L39 56.53A50.5 50.5 0 0 1 67.08 48M40 161.5a54.8 54.8 0 0 1 7.47-29.7a55.55 55.55 0 0 1 34-25.89A56.5 56.5 0 0 1 96.1 104a55.8 55.8 0 0 1 16.23 2.41Zm168.5-29.7a54.8 54.8 0 0 1 7.5 29.7l-72.3-55.1a56.3 56.3 0 0 1 64.83 25.4Zm-71.12-40.61a56.53 56.53 0 0 1 14.26-26.93A51.13 51.13 0 0 1 188.92 48A50.5 50.5 0 0 1 217 56.53Z"/></svg> </template>
CSS
.icon-tree-palm {
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%22M237.79%2053.23a66.86%2066.86%200%200%200-97.74%200a72.2%2072.2%200%200%200-12.05%2017a72.2%2072.2%200%200%200-12-17a66.86%2066.86%200%200%200-97.74%200a8%208%200%200%200%202.6%2012.85L77%2090.55a71.42%2071.42%200%200%200-43.36%2033.21a70.64%2070.64%200%200%200-7.2%2054.32A8%208%200%200%200%2039%20182.36l81-61.68V224a8%208%200%200%200%2016%200V120.68l81%2061.68a8%208%200%200%200%2012.57-4.28a70.64%2070.64%200%200%200-7.2-54.32A71.42%2071.42%200%200%200%20179%2090.55l56.22-24.47a8%208%200%200%200%202.6-12.85ZM67.08%2048a51.13%2051.13%200%200%201%2037.28%2016.26a56.53%2056.53%200%200%201%2014.26%2026.93L39%2056.53A50.5%2050.5%200%200%201%2067.08%2048M40%20161.5a54.8%2054.8%200%200%201%207.47-29.7a55.55%2055.55%200%200%201%2034-25.89A56.5%2056.5%200%200%201%2096.1%20104a55.8%2055.8%200%200%201%2016.23%202.41Zm168.5-29.7a54.8%2054.8%200%200%201%207.5%2029.7l-72.3-55.1a56.3%2056.3%200%200%201%2064.83%2025.4Zm-71.12-40.61a56.53%2056.53%200%200%201%2014.26-26.93A51.13%2051.13%200%200%201%20188.92%2048A50.5%2050.5%200%200%201%20217%2056.53Z%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%22M237.79%2053.23a66.86%2066.86%200%200%200-97.74%200a72.2%2072.2%200%200%200-12.05%2017a72.2%2072.2%200%200%200-12-17a66.86%2066.86%200%200%200-97.74%200a8%208%200%200%200%202.6%2012.85L77%2090.55a71.42%2071.42%200%200%200-43.36%2033.21a70.64%2070.64%200%200%200-7.2%2054.32A8%208%200%200%200%2039%20182.36l81-61.68V224a8%208%200%200%200%2016%200V120.68l81%2061.68a8%208%200%200%200%2012.57-4.28a70.64%2070.64%200%200%200-7.2-54.32A71.42%2071.42%200%200%200%20179%2090.55l56.22-24.47a8%208%200%200%200%202.6-12.85ZM67.08%2048a51.13%2051.13%200%200%201%2037.28%2016.26a56.53%2056.53%200%200%201%2014.26%2026.93L39%2056.53A50.5%2050.5%200%200%201%2067.08%2048M40%20161.5a54.8%2054.8%200%200%201%207.47-29.7a55.55%2055.55%200%200%201%2034-25.89A56.5%2056.5%200%200%201%2096.1%20104a55.8%2055.8%200%200%201%2016.23%202.41Zm168.5-29.7a54.8%2054.8%200%200%201%207.5%2029.7l-72.3-55.1a56.3%2056.3%200%200%201%2064.83%2025.4Zm-71.12-40.61a56.53%2056.53%200%200%201%2014.26-26.93A51.13%2051.13%200%200%201%20188.92%2048A50.5%2050.5%200%200%201%20217%2056.53Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/tree-palm.svg?color=%231a73e8&size=48