palm tree emoji
palm-tree from Fluent Emoji Flat by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- palm-tree
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More animals & nature icons from Fluent Emoji Flat
Use the palm tree emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M19.04 8.86H13.6V30h5.44z"/><path fill="#86d72f" d="M5 8.16c-.552 0-1.009-.45-.92-.996A6.165 6.165 0 0 1 10.16 2c3.4 0 6.16 2.75 6.16 6.16zm11.32 0h11.32c.552 0 1.008-.45.92-.996A6.16 6.16 0 0 0 22.48 2c-3.4 0-6.16 2.76-6.16 6.16"/><path fill="#44911b" d="M15.636 7.624c.413.263.954.263 1.367 0a6.15 6.15 0 0 1 7.657.846a6.17 6.17 0 0 1 .647 7.949c-.322.448-.964.444-1.354.054l-6.926-6.926a1 1 0 0 0-1.414 0l-6.926 6.926c-.39.39-1.032.394-1.355-.054A6.15 6.15 0 0 1 7.98 8.47a6.175 6.175 0 0 1 7.656-.846"/><path fill="#d3883e" d="M15.55 11.93a2.16 2.16 0 1 1-4.32 0a2.16 2.16 0 0 1 4.32 0m5.86 1.77a2.16 2.16 0 1 1-4.32 0a2.16 2.16 0 0 1 4.32 0"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatPalmTree(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M19.04 8.86H13.6V30h5.44z"/><path fill="#86d72f" d="M5 8.16c-.552 0-1.009-.45-.92-.996A6.165 6.165 0 0 1 10.16 2c3.4 0 6.16 2.75 6.16 6.16zm11.32 0h11.32c.552 0 1.008-.45.92-.996A6.16 6.16 0 0 0 22.48 2c-3.4 0-6.16 2.76-6.16 6.16"/><path fill="#44911b" d="M15.636 7.624c.413.263.954.263 1.367 0a6.15 6.15 0 0 1 7.657.846a6.17 6.17 0 0 1 .647 7.949c-.322.448-.964.444-1.354.054l-6.926-6.926a1 1 0 0 0-1.414 0l-6.926 6.926c-.39.39-1.032.394-1.355-.054A6.15 6.15 0 0 1 7.98 8.47a6.175 6.175 0 0 1 7.656-.846"/><path fill="#d3883e" d="M15.55 11.93a2.16 2.16 0 1 1-4.32 0a2.16 2.16 0 0 1 4.32 0m5.86 1.77a2.16 2.16 0 1 1-4.32 0a2.16 2.16 0 0 1 4.32 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#6d4534" d="M19.04 8.86H13.6V30h5.44z"/><path fill="#86d72f" d="M5 8.16c-.552 0-1.009-.45-.92-.996A6.165 6.165 0 0 1 10.16 2c3.4 0 6.16 2.75 6.16 6.16zm11.32 0h11.32c.552 0 1.008-.45.92-.996A6.16 6.16 0 0 0 22.48 2c-3.4 0-6.16 2.76-6.16 6.16"/><path fill="#44911b" d="M15.636 7.624c.413.263.954.263 1.367 0a6.15 6.15 0 0 1 7.657.846a6.17 6.17 0 0 1 .647 7.949c-.322.448-.964.444-1.354.054l-6.926-6.926a1 1 0 0 0-1.414 0l-6.926 6.926c-.39.39-1.032.394-1.355-.054A6.15 6.15 0 0 1 7.98 8.47a6.175 6.175 0 0 1 7.656-.846"/><path fill="#d3883e" d="M15.55 11.93a2.16 2.16 0 1 1-4.32 0a2.16 2.16 0 0 1 4.32 0m5.86 1.77a2.16 2.16 0 1 1-4.32 0a2.16 2.16 0 0 1 4.32 0"/></g></svg> </template>
CSS
.icon-palm-tree {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M19.04%208.86H13.6V30h5.44z%22%2F%3E%3Cpath%20fill%3D%22%2386d72f%22%20d%3D%22M5%208.16c-.552%200-1.009-.45-.92-.996A6.165%206.165%200%200%201%2010.16%202c3.4%200%206.16%202.75%206.16%206.16zm11.32%200h11.32c.552%200%201.008-.45.92-.996A6.16%206.16%200%200%200%2022.48%202c-3.4%200-6.16%202.76-6.16%206.16%22%2F%3E%3Cpath%20fill%3D%22%2344911b%22%20d%3D%22M15.636%207.624c.413.263.954.263%201.367%200a6.15%206.15%200%200%201%207.657.846a6.17%206.17%200%200%201%20.647%207.949c-.322.448-.964.444-1.354.054l-6.926-6.926a1%201%200%200%200-1.414%200l-6.926%206.926c-.39.39-1.032.394-1.355-.054A6.15%206.15%200%200%201%207.98%208.47a6.175%206.175%200%200%201%207.656-.846%22%2F%3E%3Cpath%20fill%3D%22%23d3883e%22%20d%3D%22M15.55%2011.93a2.16%202.16%200%201%201-4.32%200a2.16%202.16%200%200%201%204.32%200m5.86%201.77a2.16%202.16%200%201%201-4.32%200a2.16%202.16%200%200%201%204.32%200%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236d4534%22%20d%3D%22M19.04%208.86H13.6V30h5.44z%22%2F%3E%3Cpath%20fill%3D%22%2386d72f%22%20d%3D%22M5%208.16c-.552%200-1.009-.45-.92-.996A6.165%206.165%200%200%201%2010.16%202c3.4%200%206.16%202.75%206.16%206.16zm11.32%200h11.32c.552%200%201.008-.45.92-.996A6.16%206.16%200%200%200%2022.48%202c-3.4%200-6.16%202.76-6.16%206.16%22%2F%3E%3Cpath%20fill%3D%22%2344911b%22%20d%3D%22M15.636%207.624c.413.263.954.263%201.367%200a6.15%206.15%200%200%201%207.657.846a6.17%206.17%200%200%201%20.647%207.949c-.322.448-.964.444-1.354.054l-6.926-6.926a1%201%200%200%200-1.414%200l-6.926%206.926c-.39.39-1.032.394-1.355-.054A6.15%206.15%200%200%201%207.98%208.47a6.175%206.175%200%200%201%207.656-.846%22%2F%3E%3Cpath%20fill%3D%22%23d3883e%22%20d%3D%22M15.55%2011.93a2.16%202.16%200%201%201-4.32%200a2.16%202.16%200%200%201%204.32%200m5.86%201.77a2.16%202.16%200%201%201-4.32%200a2.16%202.16%200%200%201%204.32%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/palm-tree.svg?color=%231a73e8&size=48
