rose emoji
rose from Fluent Emoji Flat by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- rose
- 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 rose 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="M15 30h3.867c3.276 0 5.963-2.545 6.133-5.68a.297.297 0 0 0-.3-.32l-3.506.01A5.27 5.27 0 0 0 17 26.169V22l1.34-.65c.27-.13.27-.52 0-.65L17 20.03v-1.8h-2v6.73l-1.35.67c-.27.13-.27.52 0 .65l1.35.67z"/><path fill="#ca0b4a" d="M14.79 12.13h.86c.04 0 .08-.01.12-.02c.07.03.14.06.22.06h.87c2.13 0 3.86-1.73 3.86-3.86V2.54c0-.28-.22-.5-.5-.5h-.87c-1.57 0-2.91.94-3.52 2.28A3.82 3.82 0 0 0 12.31 2h-.86c-.29 0-.52.23-.52.51v5.76c0 2.13 1.73 3.86 3.86 3.86"/><path fill="#f8312f" d="M11 4.5s3 0 5 3c2-3 5-3 5-3h1.113c.682 0 1.108.646.805 1.258C22.484 6.63 22 7.712 22 9c0 .944.223 1.554.458 2.198c.263.72.542 1.482.542 2.802c0 2.5-1 5-7 5s-7-2.5-7-5c0-1.03.25-1.765.5-2.5s.5-1.47.5-2.5c0-1.201-.36-2.222-.757-3.063c-.318-.672.132-1.437.875-1.437z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatRose(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="M15 30h3.867c3.276 0 5.963-2.545 6.133-5.68a.297.297 0 0 0-.3-.32l-3.506.01A5.27 5.27 0 0 0 17 26.169V22l1.34-.65c.27-.13.27-.52 0-.65L17 20.03v-1.8h-2v6.73l-1.35.67c-.27.13-.27.52 0 .65l1.35.67z"/><path fill="#ca0b4a" d="M14.79 12.13h.86c.04 0 .08-.01.12-.02c.07.03.14.06.22.06h.87c2.13 0 3.86-1.73 3.86-3.86V2.54c0-.28-.22-.5-.5-.5h-.87c-1.57 0-2.91.94-3.52 2.28A3.82 3.82 0 0 0 12.31 2h-.86c-.29 0-.52.23-.52.51v5.76c0 2.13 1.73 3.86 3.86 3.86"/><path fill="#f8312f" d="M11 4.5s3 0 5 3c2-3 5-3 5-3h1.113c.682 0 1.108.646.805 1.258C22.484 6.63 22 7.712 22 9c0 .944.223 1.554.458 2.198c.263.72.542 1.482.542 2.802c0 2.5-1 5-7 5s-7-2.5-7-5c0-1.03.25-1.765.5-2.5s.5-1.47.5-2.5c0-1.201-.36-2.222-.757-3.063c-.318-.672.132-1.437.875-1.437z"/></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="M15 30h3.867c3.276 0 5.963-2.545 6.133-5.68a.297.297 0 0 0-.3-.32l-3.506.01A5.27 5.27 0 0 0 17 26.169V22l1.34-.65c.27-.13.27-.52 0-.65L17 20.03v-1.8h-2v6.73l-1.35.67c-.27.13-.27.52 0 .65l1.35.67z"/><path fill="#ca0b4a" d="M14.79 12.13h.86c.04 0 .08-.01.12-.02c.07.03.14.06.22.06h.87c2.13 0 3.86-1.73 3.86-3.86V2.54c0-.28-.22-.5-.5-.5h-.87c-1.57 0-2.91.94-3.52 2.28A3.82 3.82 0 0 0 12.31 2h-.86c-.29 0-.52.23-.52.51v5.76c0 2.13 1.73 3.86 3.86 3.86"/><path fill="#f8312f" d="M11 4.5s3 0 5 3c2-3 5-3 5-3h1.113c.682 0 1.108.646.805 1.258C22.484 6.63 22 7.712 22 9c0 .944.223 1.554.458 2.198c.263.72.542 1.482.542 2.802c0 2.5-1 5-7 5s-7-2.5-7-5c0-1.03.25-1.765.5-2.5s.5-1.47.5-2.5c0-1.201-.36-2.222-.757-3.063c-.318-.672.132-1.437.875-1.437z"/></g></svg> </template>
CSS
.icon-rose {
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%22M15%2030h3.867c3.276%200%205.963-2.545%206.133-5.68a.297.297%200%200%200-.3-.32l-3.506.01A5.27%205.27%200%200%200%2017%2026.169V22l1.34-.65c.27-.13.27-.52%200-.65L17%2020.03v-1.8h-2v6.73l-1.35.67c-.27.13-.27.52%200%20.65l1.35.67z%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M14.79%2012.13h.86c.04%200%20.08-.01.12-.02c.07.03.14.06.22.06h.87c2.13%200%203.86-1.73%203.86-3.86V2.54c0-.28-.22-.5-.5-.5h-.87c-1.57%200-2.91.94-3.52%202.28A3.82%203.82%200%200%200%2012.31%202h-.86c-.29%200-.52.23-.52.51v5.76c0%202.13%201.73%203.86%203.86%203.86%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M11%204.5s3%200%205%203c2-3%205-3%205-3h1.113c.682%200%201.108.646.805%201.258C22.484%206.63%2022%207.712%2022%209c0%20.944.223%201.554.458%202.198c.263.72.542%201.482.542%202.802c0%202.5-1%205-7%205s-7-2.5-7-5c0-1.03.25-1.765.5-2.5s.5-1.47.5-2.5c0-1.201-.36-2.222-.757-3.063c-.318-.672.132-1.437.875-1.437z%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%22M15%2030h3.867c3.276%200%205.963-2.545%206.133-5.68a.297.297%200%200%200-.3-.32l-3.506.01A5.27%205.27%200%200%200%2017%2026.169V22l1.34-.65c.27-.13.27-.52%200-.65L17%2020.03v-1.8h-2v6.73l-1.35.67c-.27.13-.27.52%200%20.65l1.35.67z%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M14.79%2012.13h.86c.04%200%20.08-.01.12-.02c.07.03.14.06.22.06h.87c2.13%200%203.86-1.73%203.86-3.86V2.54c0-.28-.22-.5-.5-.5h-.87c-1.57%200-2.91.94-3.52%202.28A3.82%203.82%200%200%200%2012.31%202h-.86c-.29%200-.52.23-.52.51v5.76c0%202.13%201.73%203.86%203.86%203.86%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M11%204.5s3%200%205%203c2-3%205-3%205-3h1.113c.682%200%201.108.646.805%201.258C22.484%206.63%2022%207.712%2022%209c0%20.944.223%201.554.458%202.198c.263.72.542%201.482.542%202.802c0%202.5-1%205-7%205s-7-2.5-7-5c0-1.03.25-1.765.5-2.5s.5-1.47.5-2.5c0-1.201-.36-2.222-.757-3.063c-.318-.672.132-1.437.875-1.437z%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/rose.svg?color=%231a73e8&size=48
