maple leaf emoji
maple-leaf from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- maple-leaf
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the maple leaf emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M36 20.917c0-.688-2.895-.5-3.125-1s3.208-4.584 2.708-5.5s-5.086 1.167-5.375.708c-.288-.458.292-3.5-.208-3.875s-5.25 4.916-5.917 4.292s1.542-10.5 1.086-10.698s-3.419 1.365-3.793 1.282C21.002 6.042 18.682 0 18 0s-3.002 6.042-3.376 6.125s-3.337-1.48-3.793-1.282s1.752 10.073 1.085 10.698C11.25 16.166 6.5 10.875 6 11.25s.08 3.417-.208 3.875c-.289.458-4.875-1.625-5.375-.708s2.939 5 2.708 5.5s-3.125.312-3.125 1s8.438 5.235 9 5.771s-2.914 2.802-2.417 3.229c.576.496 3.839-.83 10.417-.957V35a1 1 0 1 0 2 0v-6.04c6.577.127 9.841 1.453 10.417.957c.496-.428-2.979-2.694-2.417-3.229s9-5.084 9-5.771"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiMapleLeaf(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M36 20.917c0-.688-2.895-.5-3.125-1s3.208-4.584 2.708-5.5s-5.086 1.167-5.375.708c-.288-.458.292-3.5-.208-3.875s-5.25 4.916-5.917 4.292s1.542-10.5 1.086-10.698s-3.419 1.365-3.793 1.282C21.002 6.042 18.682 0 18 0s-3.002 6.042-3.376 6.125s-3.337-1.48-3.793-1.282s1.752 10.073 1.085 10.698C11.25 16.166 6.5 10.875 6 11.25s.08 3.417-.208 3.875c-.289.458-4.875-1.625-5.375-.708s2.939 5 2.708 5.5s-3.125.312-3.125 1s8.438 5.235 9 5.771s-2.914 2.802-2.417 3.229c.576.496 3.839-.83 10.417-.957V35a1 1 0 1 0 2 0v-6.04c6.577.127 9.841 1.453 10.417.957c.496-.428-2.979-2.694-2.417-3.229s9-5.084 9-5.771"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dd2e44" d="M36 20.917c0-.688-2.895-.5-3.125-1s3.208-4.584 2.708-5.5s-5.086 1.167-5.375.708c-.288-.458.292-3.5-.208-3.875s-5.25 4.916-5.917 4.292s1.542-10.5 1.086-10.698s-3.419 1.365-3.793 1.282C21.002 6.042 18.682 0 18 0s-3.002 6.042-3.376 6.125s-3.337-1.48-3.793-1.282s1.752 10.073 1.085 10.698C11.25 16.166 6.5 10.875 6 11.25s.08 3.417-.208 3.875c-.289.458-4.875-1.625-5.375-.708s2.939 5 2.708 5.5s-3.125.312-3.125 1s8.438 5.235 9 5.771s-2.914 2.802-2.417 3.229c.576.496 3.839-.83 10.417-.957V35a1 1 0 1 0 2 0v-6.04c6.577.127 9.841 1.453 10.417.957c.496-.428-2.979-2.694-2.417-3.229s9-5.084 9-5.771"/></svg> </template>
CSS
.icon-maple-leaf {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M36%2020.917c0-.688-2.895-.5-3.125-1s3.208-4.584%202.708-5.5s-5.086%201.167-5.375.708c-.288-.458.292-3.5-.208-3.875s-5.25%204.916-5.917%204.292s1.542-10.5%201.086-10.698s-3.419%201.365-3.793%201.282C21.002%206.042%2018.682%200%2018%200s-3.002%206.042-3.376%206.125s-3.337-1.48-3.793-1.282s1.752%2010.073%201.085%2010.698C11.25%2016.166%206.5%2010.875%206%2011.25s.08%203.417-.208%203.875c-.289.458-4.875-1.625-5.375-.708s2.939%205%202.708%205.5s-3.125.312-3.125%201s8.438%205.235%209%205.771s-2.914%202.802-2.417%203.229c.576.496%203.839-.83%2010.417-.957V35a1%201%200%201%200%202%200v-6.04c6.577.127%209.841%201.453%2010.417.957c.496-.428-2.979-2.694-2.417-3.229s9-5.084%209-5.771%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M36%2020.917c0-.688-2.895-.5-3.125-1s3.208-4.584%202.708-5.5s-5.086%201.167-5.375.708c-.288-.458.292-3.5-.208-3.875s-5.25%204.916-5.917%204.292s1.542-10.5%201.086-10.698s-3.419%201.365-3.793%201.282C21.002%206.042%2018.682%200%2018%200s-3.002%206.042-3.376%206.125s-3.337-1.48-3.793-1.282s1.752%2010.073%201.085%2010.698C11.25%2016.166%206.5%2010.875%206%2011.25s.08%203.417-.208%203.875c-.289.458-4.875-1.625-5.375-.708s2.939%205%202.708%205.5s-3.125.312-3.125%201s8.438%205.235%209%205.771s-2.914%202.802-2.417%203.229c.576.496%203.839-.83%2010.417-.957V35a1%201%200%201%200%202%200v-6.04c6.577.127%209.841%201.453%2010.417.957c.496-.428-2.979-2.694-2.417-3.229s9-5.084%209-5.771%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/maple-leaf.svg?color=%231a73e8&size=48
