tree palm icon

tree-palm-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.

Name: tree-palm-sharp-duotone
Set: Keyline Icons
Style: Sharp Duotone
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

tree-palm tree-palm-duotone tree-palm-fill tree-palm-sharp tree-palm-sharp-fill tree-palm-sharp-two-tone tree-palm-two-tone

The same icon in other sets

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

Use the tree palm icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M11.2 8C13.6354 11.0148 14.9639 14.7734 14.9639 18.649C14.9639 19.4355 14.9091 20.2211 14.8 21C14 21 11.9 21 10.6 21C11.2 19.5 11.2 18 11 16.5L10.8843 15.6322"/><path d="M11.8 8C11.8552 5.2229 14.1223 3.0004 16.9 3.0004C19.6777 3.0004 21.9448 5.2229 22 8L19.7 8L18.7 7L17.7 8L12 8L11 8M10.6 8C10.5449 5.6647 8.6359 3.8003 6.3 3.8003C3.9641 3.8003 2.0551 5.6647 2 8L4 8L5 7L6 8L10.2 8L11.2 8M11 9.0998C8.95 7.9799 6.3809 8.7009 5.213 10.7239C4.045 12.7468 4.7051 15.3323 6.7 16.5476L7.7 14.8156L7.334 13.4496L8.7 13.0835L10.8 9.4462L11.0887 8.9462"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsTreePalmSharpDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path strokeOpacity=".4" d="M11.2 8C13.6354 11.0148 14.9639 14.7734 14.9639 18.649C14.9639 19.4355 14.9091 20.2211 14.8 21C14 21 11.9 21 10.6 21C11.2 19.5 11.2 18 11 16.5L10.8843 15.6322"/><path d="M11.8 8C11.8552 5.2229 14.1223 3.0004 16.9 3.0004C19.6777 3.0004 21.9448 5.2229 22 8L19.7 8L18.7 7L17.7 8L12 8L11 8M10.6 8C10.5449 5.6647 8.6359 3.8003 6.3 3.8003C3.9641 3.8003 2.0551 5.6647 2 8L4 8L5 7L6 8L10.2 8L11.2 8M11 9.0998C8.95 7.9799 6.3809 8.7009 5.213 10.7239C4.045 12.7468 4.7051 15.3323 6.7 16.5476L7.7 14.8156L7.334 13.4496L8.7 13.0835L10.8 9.4462L11.0887 8.9462"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M11.2 8C13.6354 11.0148 14.9639 14.7734 14.9639 18.649C14.9639 19.4355 14.9091 20.2211 14.8 21C14 21 11.9 21 10.6 21C11.2 19.5 11.2 18 11 16.5L10.8843 15.6322"/><path d="M11.8 8C11.8552 5.2229 14.1223 3.0004 16.9 3.0004C19.6777 3.0004 21.9448 5.2229 22 8L19.7 8L18.7 7L17.7 8L12 8L11 8M10.6 8C10.5449 5.6647 8.6359 3.8003 6.3 3.8003C3.9641 3.8003 2.0551 5.6647 2 8L4 8L5 7L6 8L10.2 8L11.2 8M11 9.0998C8.95 7.9799 6.3809 8.7009 5.213 10.7239C4.045 12.7468 4.7051 15.3323 6.7 16.5476L7.7 14.8156L7.334 13.4496L8.7 13.0835L10.8 9.4462L11.0887 8.9462"/></g></svg>
</template>

CSS

.icon-tree-palm-sharp-duotone {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-opacity%3D%22.4%22%20d%3D%22M11.2%208C13.6354%2011.0148%2014.9639%2014.7734%2014.9639%2018.649C14.9639%2019.4355%2014.9091%2020.2211%2014.8%2021C14%2021%2011.9%2021%2010.6%2021C11.2%2019.5%2011.2%2018%2011%2016.5L10.8843%2015.6322%22%2F%3E%3Cpath%20d%3D%22M11.8%208C11.8552%205.2229%2014.1223%203.0004%2016.9%203.0004C19.6777%203.0004%2021.9448%205.2229%2022%208L19.7%208L18.7%207L17.7%208L12%208L11%208M10.6%208C10.5449%205.6647%208.6359%203.8003%206.3%203.8003C3.9641%203.8003%202.0551%205.6647%202%208L4%208L5%207L6%208L10.2%208L11.2%208M11%209.0998C8.95%207.9799%206.3809%208.7009%205.213%2010.7239C4.045%2012.7468%204.7051%2015.3323%206.7%2016.5476L7.7%2014.8156L7.334%2013.4496L8.7%2013.0835L10.8%209.4462L11.0887%208.9462%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-opacity%3D%22.4%22%20d%3D%22M11.2%208C13.6354%2011.0148%2014.9639%2014.7734%2014.9639%2018.649C14.9639%2019.4355%2014.9091%2020.2211%2014.8%2021C14%2021%2011.9%2021%2010.6%2021C11.2%2019.5%2011.2%2018%2011%2016.5L10.8843%2015.6322%22%2F%3E%3Cpath%20d%3D%22M11.8%208C11.8552%205.2229%2014.1223%203.0004%2016.9%203.0004C19.6777%203.0004%2021.9448%205.2229%2022%208L19.7%208L18.7%207L17.7%208L12%208L11%208M10.6%208C10.5449%205.6647%208.6359%203.8003%206.3%203.8003C3.9641%203.8003%202.0551%205.6647%202%208L4%208L5%207L6%208L10.2%208L11.2%208M11%209.0998C8.95%207.9799%206.3809%208.7009%205.213%2010.7239C4.045%2012.7468%204.7051%2015.3323%206.7%2016.5476L7.7%2014.8156L7.334%2013.4496L8.7%2013.0835L10.8%209.4462L11.0887%208.9462%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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