tree palm icon
tree-palm-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- tree-palm-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Related icons in Myna UI Icons
Use the tree palm icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.951 2.322c2.707-.414 5.25.99 6.3 3.477c1.217-.568 2.637-.673 3.96-.46c1.55.249 3.077.949 4.139 2.002l.206.215l.048.06A.75.75 0 0 1 19.5 8.617l-.055-.055l-.154-.16c-.8-.792-2.017-1.374-3.316-1.583c-.797-.128-1.584-.11-2.29.062c2.215 1.35 3.465 4.056 2.919 6.723a.75.75 0 1 1-1.47-.301c.477-2.321-.838-4.667-2.937-5.49c-.242.549-.391 1.226-.443 2.018c-.069 1.044.034 2.238.271 3.497c.475 2.52 1.474 5.213 2.592 7.32a.75.75 0 0 1-.662 1.101H9.617a.75.75 0 0 1-.664-.402c-1.403-2.681-1.651-5.977-1.148-8.794c.252-1.415.7-2.738 1.31-3.83a7.4 7.4 0 0 1 1.1-1.514a5.67 5.67 0 0 0-5.59 2.45a.75.75 0 0 1-1.25-.83a7.17 7.17 0 0 1 7.161-3.087C9.59 4.238 7.823 3.47 5.953 3.845l-.076.01a.75.75 0 0 1-.22-1.481z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiTreePalmSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.951 2.322c2.707-.414 5.25.99 6.3 3.477c1.217-.568 2.637-.673 3.96-.46c1.55.249 3.077.949 4.139 2.002l.206.215l.048.06A.75.75 0 0 1 19.5 8.617l-.055-.055l-.154-.16c-.8-.792-2.017-1.374-3.316-1.583c-.797-.128-1.584-.11-2.29.062c2.215 1.35 3.465 4.056 2.919 6.723a.75.75 0 1 1-1.47-.301c.477-2.321-.838-4.667-2.937-5.49c-.242.549-.391 1.226-.443 2.018c-.069 1.044.034 2.238.271 3.497c.475 2.52 1.474 5.213 2.592 7.32a.75.75 0 0 1-.662 1.101H9.617a.75.75 0 0 1-.664-.402c-1.403-2.681-1.651-5.977-1.148-8.794c.252-1.415.7-2.738 1.31-3.83a7.4 7.4 0 0 1 1.1-1.514a5.67 5.67 0 0 0-5.59 2.45a.75.75 0 0 1-1.25-.83a7.17 7.17 0 0 1 7.161-3.087C9.59 4.238 7.823 3.47 5.953 3.845l-.076.01a.75.75 0 0 1-.22-1.481z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.951 2.322c2.707-.414 5.25.99 6.3 3.477c1.217-.568 2.637-.673 3.96-.46c1.55.249 3.077.949 4.139 2.002l.206.215l.048.06A.75.75 0 0 1 19.5 8.617l-.055-.055l-.154-.16c-.8-.792-2.017-1.374-3.316-1.583c-.797-.128-1.584-.11-2.29.062c2.215 1.35 3.465 4.056 2.919 6.723a.75.75 0 1 1-1.47-.301c.477-2.321-.838-4.667-2.937-5.49c-.242.549-.391 1.226-.443 2.018c-.069 1.044.034 2.238.271 3.497c.475 2.52 1.474 5.213 2.592 7.32a.75.75 0 0 1-.662 1.101H9.617a.75.75 0 0 1-.664-.402c-1.403-2.681-1.651-5.977-1.148-8.794c.252-1.415.7-2.738 1.31-3.83a7.4 7.4 0 0 1 1.1-1.514a5.67 5.67 0 0 0-5.59 2.45a.75.75 0 0 1-1.25-.83a7.17 7.17 0 0 1 7.161-3.087C9.59 4.238 7.823 3.47 5.953 3.845l-.076.01a.75.75 0 0 1-.22-1.481z"/></svg> </template>
CSS
.icon-tree-palm-solid {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.951%202.322c2.707-.414%205.25.99%206.3%203.477c1.217-.568%202.637-.673%203.96-.46c1.55.249%203.077.949%204.139%202.002l.206.215l.048.06A.75.75%200%200%201%2019.5%208.617l-.055-.055l-.154-.16c-.8-.792-2.017-1.374-3.316-1.583c-.797-.128-1.584-.11-2.29.062c2.215%201.35%203.465%204.056%202.919%206.723a.75.75%200%201%201-1.47-.301c.477-2.321-.838-4.667-2.937-5.49c-.242.549-.391%201.226-.443%202.018c-.069%201.044.034%202.238.271%203.497c.475%202.52%201.474%205.213%202.592%207.32a.75.75%200%200%201-.662%201.101H9.617a.75.75%200%200%201-.664-.402c-1.403-2.681-1.651-5.977-1.148-8.794c.252-1.415.7-2.738%201.31-3.83a7.4%207.4%200%200%201%201.1-1.514a5.67%205.67%200%200%200-5.59%202.45a.75.75%200%200%201-1.25-.83a7.17%207.17%200%200%201%207.161-3.087C9.59%204.238%207.823%203.47%205.953%203.845l-.076.01a.75.75%200%200%201-.22-1.481z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.951%202.322c2.707-.414%205.25.99%206.3%203.477c1.217-.568%202.637-.673%203.96-.46c1.55.249%203.077.949%204.139%202.002l.206.215l.048.06A.75.75%200%200%201%2019.5%208.617l-.055-.055l-.154-.16c-.8-.792-2.017-1.374-3.316-1.583c-.797-.128-1.584-.11-2.29.062c2.215%201.35%203.465%204.056%202.919%206.723a.75.75%200%201%201-1.47-.301c.477-2.321-.838-4.667-2.937-5.49c-.242.549-.391%201.226-.443%202.018c-.069%201.044.034%202.238.271%203.497c.475%202.52%201.474%205.213%202.592%207.32a.75.75%200%200%201-.662%201.101H9.617a.75.75%200%200%201-.664-.402c-1.403-2.681-1.651-5.977-1.148-8.794c.252-1.415.7-2.738%201.31-3.83a7.4%207.4%200%200%201%201.1-1.514a5.67%205.67%200%200%200-5.59%202.45a.75.75%200%200%201-1.25-.83a7.17%207.17%200%200%201%207.161-3.087C9.59%204.238%207.823%203.47%205.953%203.845l-.076.01a.75.75%200%200%201-.22-1.481z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/tree-palm-solid.svg?color=%231a73e8&size=48