tulip emoji
tulip from Fluent Emoji Flat by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- tulip
- 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 tulip emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#86d72f" d="M16.83 20.16h-2v8.253c-.748-1.858-2.56-3.183-4.68-3.183H8.08a.28.28 0 0 0-.28.28v.42c0 2.4 1.95 4.35 4.26 4.37l2.88.01a.3.3 0 0 0 .097-.02h1.793v-.007a.3.3 0 0 0 .12.027h2.07c2.7 0 4.9-2.15 5.04-4.81a.253.253 0 0 0-.25-.27l-2.88.01c-1.919.017-3.59 1.365-4.1 3.197z"/><path fill="#f70a8d" d="M20.83 19.26H10.81v-6.02c0-3.71 1.48-7.26 4.1-9.87l.01-.01c.48-.48 1.26-.48 1.74 0c2.67 2.62 4.17 6.21 4.17 9.95z"/><path fill="#ff6dc6" d="M24.64 4.11c0-.58-.37-1.08-.83-1.09c-3.27-.02-6.08 4.77-7.32 9.46c-.22.83-1.12.81-1.34-.02c-1.23-4.67-4.03-9.44-7.29-9.44c-.47 0-.85.49-.85 1.09v6.21L7 10.31c0 .39.02.78.05 1.16c.08 1.1.29 3.08.62 4.05c1.32 4.09 4.47 6.03 8.16 6.03c3.41 0 6.37-1.54 7.83-5.15c.63-1.46.99-4.06.99-5.84z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatTulip(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="#86d72f" d="M16.83 20.16h-2v8.253c-.748-1.858-2.56-3.183-4.68-3.183H8.08a.28.28 0 0 0-.28.28v.42c0 2.4 1.95 4.35 4.26 4.37l2.88.01a.3.3 0 0 0 .097-.02h1.793v-.007a.3.3 0 0 0 .12.027h2.07c2.7 0 4.9-2.15 5.04-4.81a.253.253 0 0 0-.25-.27l-2.88.01c-1.919.017-3.59 1.365-4.1 3.197z"/><path fill="#f70a8d" d="M20.83 19.26H10.81v-6.02c0-3.71 1.48-7.26 4.1-9.87l.01-.01c.48-.48 1.26-.48 1.74 0c2.67 2.62 4.17 6.21 4.17 9.95z"/><path fill="#ff6dc6" d="M24.64 4.11c0-.58-.37-1.08-.83-1.09c-3.27-.02-6.08 4.77-7.32 9.46c-.22.83-1.12.81-1.34-.02c-1.23-4.67-4.03-9.44-7.29-9.44c-.47 0-.85.49-.85 1.09v6.21L7 10.31c0 .39.02.78.05 1.16c.08 1.1.29 3.08.62 4.05c1.32 4.09 4.47 6.03 8.16 6.03c3.41 0 6.37-1.54 7.83-5.15c.63-1.46.99-4.06.99-5.84z"/></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="#86d72f" d="M16.83 20.16h-2v8.253c-.748-1.858-2.56-3.183-4.68-3.183H8.08a.28.28 0 0 0-.28.28v.42c0 2.4 1.95 4.35 4.26 4.37l2.88.01a.3.3 0 0 0 .097-.02h1.793v-.007a.3.3 0 0 0 .12.027h2.07c2.7 0 4.9-2.15 5.04-4.81a.253.253 0 0 0-.25-.27l-2.88.01c-1.919.017-3.59 1.365-4.1 3.197z"/><path fill="#f70a8d" d="M20.83 19.26H10.81v-6.02c0-3.71 1.48-7.26 4.1-9.87l.01-.01c.48-.48 1.26-.48 1.74 0c2.67 2.62 4.17 6.21 4.17 9.95z"/><path fill="#ff6dc6" d="M24.64 4.11c0-.58-.37-1.08-.83-1.09c-3.27-.02-6.08 4.77-7.32 9.46c-.22.83-1.12.81-1.34-.02c-1.23-4.67-4.03-9.44-7.29-9.44c-.47 0-.85.49-.85 1.09v6.21L7 10.31c0 .39.02.78.05 1.16c.08 1.1.29 3.08.62 4.05c1.32 4.09 4.47 6.03 8.16 6.03c3.41 0 6.37-1.54 7.83-5.15c.63-1.46.99-4.06.99-5.84z"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2386d72f%22%20d%3D%22M16.83%2020.16h-2v8.253c-.748-1.858-2.56-3.183-4.68-3.183H8.08a.28.28%200%200%200-.28.28v.42c0%202.4%201.95%204.35%204.26%204.37l2.88.01a.3.3%200%200%200%20.097-.02h1.793v-.007a.3.3%200%200%200%20.12.027h2.07c2.7%200%204.9-2.15%205.04-4.81a.253.253%200%200%200-.25-.27l-2.88.01c-1.919.017-3.59%201.365-4.1%203.197z%22%2F%3E%3Cpath%20fill%3D%22%23f70a8d%22%20d%3D%22M20.83%2019.26H10.81v-6.02c0-3.71%201.48-7.26%204.1-9.87l.01-.01c.48-.48%201.26-.48%201.74%200c2.67%202.62%204.17%206.21%204.17%209.95z%22%2F%3E%3Cpath%20fill%3D%22%23ff6dc6%22%20d%3D%22M24.64%204.11c0-.58-.37-1.08-.83-1.09c-3.27-.02-6.08%204.77-7.32%209.46c-.22.83-1.12.81-1.34-.02c-1.23-4.67-4.03-9.44-7.29-9.44c-.47%200-.85.49-.85%201.09v6.21L7%2010.31c0%20.39.02.78.05%201.16c.08%201.1.29%203.08.62%204.05c1.32%204.09%204.47%206.03%208.16%206.03c3.41%200%206.37-1.54%207.83-5.15c.63-1.46.99-4.06.99-5.84z%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%2386d72f%22%20d%3D%22M16.83%2020.16h-2v8.253c-.748-1.858-2.56-3.183-4.68-3.183H8.08a.28.28%200%200%200-.28.28v.42c0%202.4%201.95%204.35%204.26%204.37l2.88.01a.3.3%200%200%200%20.097-.02h1.793v-.007a.3.3%200%200%200%20.12.027h2.07c2.7%200%204.9-2.15%205.04-4.81a.253.253%200%200%200-.25-.27l-2.88.01c-1.919.017-3.59%201.365-4.1%203.197z%22%2F%3E%3Cpath%20fill%3D%22%23f70a8d%22%20d%3D%22M20.83%2019.26H10.81v-6.02c0-3.71%201.48-7.26%204.1-9.87l.01-.01c.48-.48%201.26-.48%201.74%200c2.67%202.62%204.17%206.21%204.17%209.95z%22%2F%3E%3Cpath%20fill%3D%22%23ff6dc6%22%20d%3D%22M24.64%204.11c0-.58-.37-1.08-.83-1.09c-3.27-.02-6.08%204.77-7.32%209.46c-.22.83-1.12.81-1.34-.02c-1.23-4.67-4.03-9.44-7.29-9.44c-.47%200-.85.49-.85%201.09v6.21L7%2010.31c0%20.39.02.78.05%201.16c.08%201.1.29%203.08.62%204.05c1.32%204.09%204.47%206.03%208.16%206.03c3.41%200%206.37-1.54%207.83-5.15c.63-1.46.99-4.06.99-5.84z%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/tulip.svg?color=%231a73e8&size=48
