tulip emoji
tulip from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.
- Name
- tulip
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Nature
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More nature icons from Emoji One (Colored)
Use the tulip emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M39.8 45.1C33.4 50.4 33.9 64 33.9 64h2.2C41.9 46.2 62 39.5 62 39.5s-12.8-2.3-22.2 5.6"/><path fill="#75a843" d="m33.6 1l2.5 63h-5z"/><path fill="#aa1f65" d="M45.2 25.1c0 11-5.2 15.7-11.6 15.7S22 36.1 22 25.1S33.6 1 33.6 1s11.6 13.1 11.6 24.1"/><path fill="#d33777" d="M37 19.9c14.8 9.3 4.8 22.5-3.6 22.5s-15.2-8.6-15.2-19.3s8.3-19.3 8.3-19.3s-.4 9.3 10.5 16.1"/><path fill="#e84d88" d="M30.3 19.9c-14.8 9.3-4.8 22.5 3.6 22.5s15.2-8.6 15.2-19.3s-8.2-19.2-8.2-19.2s.3 9.2-10.6 16"/><path fill="#83bf4f" d="M24.8 43.1c6.6 6.6 8.7 20.9 8.7 20.9h-4.8C21 45.8 2 32.5 2 32.5s16.2 4.1 22.8 10.6"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneTulip(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M39.8 45.1C33.4 50.4 33.9 64 33.9 64h2.2C41.9 46.2 62 39.5 62 39.5s-12.8-2.3-22.2 5.6"/><path fill="#75a843" d="m33.6 1l2.5 63h-5z"/><path fill="#aa1f65" d="M45.2 25.1c0 11-5.2 15.7-11.6 15.7S22 36.1 22 25.1S33.6 1 33.6 1s11.6 13.1 11.6 24.1"/><path fill="#d33777" d="M37 19.9c14.8 9.3 4.8 22.5-3.6 22.5s-15.2-8.6-15.2-19.3s8.3-19.3 8.3-19.3s-.4 9.3 10.5 16.1"/><path fill="#e84d88" d="M30.3 19.9c-14.8 9.3-4.8 22.5 3.6 22.5s15.2-8.6 15.2-19.3s-8.2-19.2-8.2-19.2s.3 9.2-10.6 16"/><path fill="#83bf4f" d="M24.8 43.1c6.6 6.6 8.7 20.9 8.7 20.9h-4.8C21 45.8 2 32.5 2 32.5s16.2 4.1 22.8 10.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M39.8 45.1C33.4 50.4 33.9 64 33.9 64h2.2C41.9 46.2 62 39.5 62 39.5s-12.8-2.3-22.2 5.6"/><path fill="#75a843" d="m33.6 1l2.5 63h-5z"/><path fill="#aa1f65" d="M45.2 25.1c0 11-5.2 15.7-11.6 15.7S22 36.1 22 25.1S33.6 1 33.6 1s11.6 13.1 11.6 24.1"/><path fill="#d33777" d="M37 19.9c14.8 9.3 4.8 22.5-3.6 22.5s-15.2-8.6-15.2-19.3s8.3-19.3 8.3-19.3s-.4 9.3 10.5 16.1"/><path fill="#e84d88" d="M30.3 19.9c-14.8 9.3-4.8 22.5 3.6 22.5s15.2-8.6 15.2-19.3s-8.2-19.2-8.2-19.2s.3 9.2-10.6 16"/><path fill="#83bf4f" d="M24.8 43.1c6.6 6.6 8.7 20.9 8.7 20.9h-4.8C21 45.8 2 32.5 2 32.5s16.2 4.1 22.8 10.6"/></svg> </template>
CSS
.icon-tulip {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M39.8%2045.1C33.4%2050.4%2033.9%2064%2033.9%2064h2.2C41.9%2046.2%2062%2039.5%2062%2039.5s-12.8-2.3-22.2%205.6%22%2F%3E%3Cpath%20fill%3D%22%2375a843%22%20d%3D%22m33.6%201l2.5%2063h-5z%22%2F%3E%3Cpath%20fill%3D%22%23aa1f65%22%20d%3D%22M45.2%2025.1c0%2011-5.2%2015.7-11.6%2015.7S22%2036.1%2022%2025.1S33.6%201%2033.6%201s11.6%2013.1%2011.6%2024.1%22%2F%3E%3Cpath%20fill%3D%22%23d33777%22%20d%3D%22M37%2019.9c14.8%209.3%204.8%2022.5-3.6%2022.5s-15.2-8.6-15.2-19.3s8.3-19.3%208.3-19.3s-.4%209.3%2010.5%2016.1%22%2F%3E%3Cpath%20fill%3D%22%23e84d88%22%20d%3D%22M30.3%2019.9c-14.8%209.3-4.8%2022.5%203.6%2022.5s15.2-8.6%2015.2-19.3s-8.2-19.2-8.2-19.2s.3%209.2-10.6%2016%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M24.8%2043.1c6.6%206.6%208.7%2020.9%208.7%2020.9h-4.8C21%2045.8%202%2032.5%202%2032.5s16.2%204.1%2022.8%2010.6%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%2064%2064%22%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M39.8%2045.1C33.4%2050.4%2033.9%2064%2033.9%2064h2.2C41.9%2046.2%2062%2039.5%2062%2039.5s-12.8-2.3-22.2%205.6%22%2F%3E%3Cpath%20fill%3D%22%2375a843%22%20d%3D%22m33.6%201l2.5%2063h-5z%22%2F%3E%3Cpath%20fill%3D%22%23aa1f65%22%20d%3D%22M45.2%2025.1c0%2011-5.2%2015.7-11.6%2015.7S22%2036.1%2022%2025.1S33.6%201%2033.6%201s11.6%2013.1%2011.6%2024.1%22%2F%3E%3Cpath%20fill%3D%22%23d33777%22%20d%3D%22M37%2019.9c14.8%209.3%204.8%2022.5-3.6%2022.5s-15.2-8.6-15.2-19.3s8.3-19.3%208.3-19.3s-.4%209.3%2010.5%2016.1%22%2F%3E%3Cpath%20fill%3D%22%23e84d88%22%20d%3D%22M30.3%2019.9c-14.8%209.3-4.8%2022.5%203.6%2022.5s15.2-8.6%2015.2-19.3s-8.2-19.2-8.2-19.2s.3%209.2-10.6%2016%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M24.8%2043.1c6.6%206.6%208.7%2020.9%208.7%2020.9h-4.8C21%2045.8%202%2032.5%202%2032.5s16.2%204.1%2022.8%2010.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/tulip.svg?color=%231a73e8&size=48
