evergreen tree emoji
evergreen-tree from OpenMoji by OpenMoji · Default · Animals Nature · CC-BY-SA-4.0 Attribution required.
- Name
- evergreen-tree
- Set
- OpenMoji
- Style
- Default
- Category
- Animals Nature
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More animals nature icons from OpenMoji
Use the evergreen tree emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#5c9e31" d="m56.035 54.005l-8.123-15.21l3.346.54a.998.998 0 0 0 1.018-1.496l-7.372-12.434l3.077.218a.998.998 0 0 0 .89-1.565L36.825 6.724a1.02 1.02 0 0 0-.834-.428a1 1 0 0 0-.822.453l-3.717 5.7l-7.821 12.008a.998.998 0 0 0 .998 1.53l2.301-.374l-7.552 12.212a.998.998 0 0 0 .998 1.512l3.727-.563l-8.135 15.231a.998.998 0 0 0 .947 1.466l12.447-.836l1.036-.07l10.961-.125l13.718 1.031h.075a.998.998 0 0 0 .88-1.468z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="m41.448 53.49l13.746 1.033l-9.09-17.02l5.344.862l-8.359-14.099l4.984.349L36.004 7.246L24.448 24.99l4.47-.724l-8.72 14.099l5.705-.862l-9.09 17.02l13.51-.908"/><path stroke-miterlimit="10" d="M36.004 55.964v9.309"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiEvergreenTree(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#5c9e31" d="m56.035 54.005l-8.123-15.21l3.346.54a.998.998 0 0 0 1.018-1.496l-7.372-12.434l3.077.218a.998.998 0 0 0 .89-1.565L36.825 6.724a1.02 1.02 0 0 0-.834-.428a1 1 0 0 0-.822.453l-3.717 5.7l-7.821 12.008a.998.998 0 0 0 .998 1.53l2.301-.374l-7.552 12.212a.998.998 0 0 0 .998 1.512l3.727-.563l-8.135 15.231a.998.998 0 0 0 .947 1.466l12.447-.836l1.036-.07l10.961-.125l13.718 1.031h.075a.998.998 0 0 0 .88-1.468z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeWidth="2"><path strokeLinejoin="round" d="m41.448 53.49l13.746 1.033l-9.09-17.02l5.344.862l-8.359-14.099l4.984.349L36.004 7.246L24.448 24.99l4.47-.724l-8.72 14.099l5.705-.862l-9.09 17.02l13.51-.908"/><path strokeMiterlimit="10" d="M36.004 55.964v9.309"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#5c9e31" d="m56.035 54.005l-8.123-15.21l3.346.54a.998.998 0 0 0 1.018-1.496l-7.372-12.434l3.077.218a.998.998 0 0 0 .89-1.565L36.825 6.724a1.02 1.02 0 0 0-.834-.428a1 1 0 0 0-.822.453l-3.717 5.7l-7.821 12.008a.998.998 0 0 0 .998 1.53l2.301-.374l-7.552 12.212a.998.998 0 0 0 .998 1.512l3.727-.563l-8.135 15.231a.998.998 0 0 0 .947 1.466l12.447-.836l1.036-.07l10.961-.125l13.718 1.031h.075a.998.998 0 0 0 .88-1.468z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="m41.448 53.49l13.746 1.033l-9.09-17.02l5.344.862l-8.359-14.099l4.984.349L36.004 7.246L24.448 24.99l4.47-.724l-8.72 14.099l5.705-.862l-9.09 17.02l13.51-.908"/><path stroke-miterlimit="10" d="M36.004 55.964v9.309"/></g></svg> </template>
CSS
.icon-evergreen-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%2072%2072%22%3E%3Cpath%20fill%3D%22%235c9e31%22%20d%3D%22m56.035%2054.005l-8.123-15.21l3.346.54a.998.998%200%200%200%201.018-1.496l-7.372-12.434l3.077.218a.998.998%200%200%200%20.89-1.565L36.825%206.724a1.02%201.02%200%200%200-.834-.428a1%201%200%200%200-.822.453l-3.717%205.7l-7.821%2012.008a.998.998%200%200%200%20.998%201.53l2.301-.374l-7.552%2012.212a.998.998%200%200%200%20.998%201.512l3.727-.563l-8.135%2015.231a.998.998%200%200%200%20.947%201.466l12.447-.836l1.036-.07l10.961-.125l13.718%201.031h.075a.998.998%200%200%200%20.88-1.468z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m41.448%2053.49l13.746%201.033l-9.09-17.02l5.344.862l-8.359-14.099l4.984.349L36.004%207.246L24.448%2024.99l4.47-.724l-8.72%2014.099l5.705-.862l-9.09%2017.02l13.51-.908%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M36.004%2055.964v9.309%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%2072%2072%22%3E%3Cpath%20fill%3D%22%235c9e31%22%20d%3D%22m56.035%2054.005l-8.123-15.21l3.346.54a.998.998%200%200%200%201.018-1.496l-7.372-12.434l3.077.218a.998.998%200%200%200%20.89-1.565L36.825%206.724a1.02%201.02%200%200%200-.834-.428a1%201%200%200%200-.822.453l-3.717%205.7l-7.821%2012.008a.998.998%200%200%200%20.998%201.53l2.301-.374l-7.552%2012.212a.998.998%200%200%200%20.998%201.512l3.727-.563l-8.135%2015.231a.998.998%200%200%200%20.947%201.466l12.447-.836l1.036-.07l10.961-.125l13.718%201.031h.075a.998.998%200%200%200%20.88-1.468z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m41.448%2053.49l13.746%201.033l-9.09-17.02l5.344.862l-8.359-14.099l4.984.349L36.004%207.246L24.448%2024.99l4.47-.724l-8.72%2014.099l5.705-.862l-9.09%2017.02l13.51-.908%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M36.004%2055.964v9.309%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/evergreen-tree.svg?color=%231a73e8&size=48
