rose emoji
rose from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- rose
- 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 rose emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#3e721d" d="M19.32 25.358c-.113 0-.217.003-.32.005v-.415c4.805-.479 8.548-4.264 8.548-7.301c0-3.249 0 1.47-9.562 1.47c-9.558 0-9.558-4.719-9.558-1.47c0 3.043 3.757 6.838 8.572 7.305v.411c-.104-.002-.207-.005-.321-.005c-2.553 0-6.603-2.05-6.603-1.32c0 .646 4.187 4.017 6.924 4.796V35a1 1 0 1 0 2 0v-6.166c2.738-.779 6.924-4.15 6.924-4.796c0-.729-4.05 1.32-6.604 1.32"/><path fill="#a0041e" d="M26.527 7.353c-3.887-4.412 1.506-5.882-2.592-5.882c-.713 0-1.921.44-3.29 1.189C19.951 1.088 19.023 0 18 0c-2.05 0-3.726 4.342-3.873 8.269c-1.108 1.543-1.855 3.235-1.855 4.966c0 6.092 2.591 8.823 6.479 8.823c7.776.001 13.644-8.047 7.776-14.705"/><path fill="#be1931" d="M23.728 13.235c0 6.092-2.59 8.823-6.48 8.823c-7.776 0-13.643-8.048-7.776-14.706C13.361 2.94 7.967 1.47 12.064 1.47c2.593.001 11.664 5.674 11.664 11.765"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiRose(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#3e721d" d="M19.32 25.358c-.113 0-.217.003-.32.005v-.415c4.805-.479 8.548-4.264 8.548-7.301c0-3.249 0 1.47-9.562 1.47c-9.558 0-9.558-4.719-9.558-1.47c0 3.043 3.757 6.838 8.572 7.305v.411c-.104-.002-.207-.005-.321-.005c-2.553 0-6.603-2.05-6.603-1.32c0 .646 4.187 4.017 6.924 4.796V35a1 1 0 1 0 2 0v-6.166c2.738-.779 6.924-4.15 6.924-4.796c0-.729-4.05 1.32-6.604 1.32"/><path fill="#a0041e" d="M26.527 7.353c-3.887-4.412 1.506-5.882-2.592-5.882c-.713 0-1.921.44-3.29 1.189C19.951 1.088 19.023 0 18 0c-2.05 0-3.726 4.342-3.873 8.269c-1.108 1.543-1.855 3.235-1.855 4.966c0 6.092 2.591 8.823 6.479 8.823c7.776.001 13.644-8.047 7.776-14.705"/><path fill="#be1931" d="M23.728 13.235c0 6.092-2.59 8.823-6.48 8.823c-7.776 0-13.643-8.048-7.776-14.706C13.361 2.94 7.967 1.47 12.064 1.47c2.593.001 11.664 5.674 11.664 11.765"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#3e721d" d="M19.32 25.358c-.113 0-.217.003-.32.005v-.415c4.805-.479 8.548-4.264 8.548-7.301c0-3.249 0 1.47-9.562 1.47c-9.558 0-9.558-4.719-9.558-1.47c0 3.043 3.757 6.838 8.572 7.305v.411c-.104-.002-.207-.005-.321-.005c-2.553 0-6.603-2.05-6.603-1.32c0 .646 4.187 4.017 6.924 4.796V35a1 1 0 1 0 2 0v-6.166c2.738-.779 6.924-4.15 6.924-4.796c0-.729-4.05 1.32-6.604 1.32"/><path fill="#a0041e" d="M26.527 7.353c-3.887-4.412 1.506-5.882-2.592-5.882c-.713 0-1.921.44-3.29 1.189C19.951 1.088 19.023 0 18 0c-2.05 0-3.726 4.342-3.873 8.269c-1.108 1.543-1.855 3.235-1.855 4.966c0 6.092 2.591 8.823 6.479 8.823c7.776.001 13.644-8.047 7.776-14.705"/><path fill="#be1931" d="M23.728 13.235c0 6.092-2.59 8.823-6.48 8.823c-7.776 0-13.643-8.048-7.776-14.706C13.361 2.94 7.967 1.47 12.064 1.47c2.593.001 11.664 5.674 11.664 11.765"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%233e721d%22%20d%3D%22M19.32%2025.358c-.113%200-.217.003-.32.005v-.415c4.805-.479%208.548-4.264%208.548-7.301c0-3.249%200%201.47-9.562%201.47c-9.558%200-9.558-4.719-9.558-1.47c0%203.043%203.757%206.838%208.572%207.305v.411c-.104-.002-.207-.005-.321-.005c-2.553%200-6.603-2.05-6.603-1.32c0%20.646%204.187%204.017%206.924%204.796V35a1%201%200%201%200%202%200v-6.166c2.738-.779%206.924-4.15%206.924-4.796c0-.729-4.05%201.32-6.604%201.32%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M26.527%207.353c-3.887-4.412%201.506-5.882-2.592-5.882c-.713%200-1.921.44-3.29%201.189C19.951%201.088%2019.023%200%2018%200c-2.05%200-3.726%204.342-3.873%208.269c-1.108%201.543-1.855%203.235-1.855%204.966c0%206.092%202.591%208.823%206.479%208.823c7.776.001%2013.644-8.047%207.776-14.705%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M23.728%2013.235c0%206.092-2.59%208.823-6.48%208.823c-7.776%200-13.643-8.048-7.776-14.706C13.361%202.94%207.967%201.47%2012.064%201.47c2.593.001%2011.664%205.674%2011.664%2011.765%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%233e721d%22%20d%3D%22M19.32%2025.358c-.113%200-.217.003-.32.005v-.415c4.805-.479%208.548-4.264%208.548-7.301c0-3.249%200%201.47-9.562%201.47c-9.558%200-9.558-4.719-9.558-1.47c0%203.043%203.757%206.838%208.572%207.305v.411c-.104-.002-.207-.005-.321-.005c-2.553%200-6.603-2.05-6.603-1.32c0%20.646%204.187%204.017%206.924%204.796V35a1%201%200%201%200%202%200v-6.166c2.738-.779%206.924-4.15%206.924-4.796c0-.729-4.05%201.32-6.604%201.32%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M26.527%207.353c-3.887-4.412%201.506-5.882-2.592-5.882c-.713%200-1.921.44-3.29%201.189C19.951%201.088%2019.023%200%2018%200c-2.05%200-3.726%204.342-3.873%208.269c-1.108%201.543-1.855%203.235-1.855%204.966c0%206.092%202.591%208.823%206.479%208.823c7.776.001%2013.644-8.047%207.776-14.705%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M23.728%2013.235c0%206.092-2.59%208.823-6.48%208.823c-7.776%200-13.643-8.048-7.776-14.706C13.361%202.94%207.967%201.47%2012.064%201.47c2.593.001%2011.664%205.674%2011.664%2011.765%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/rose.svg?color=%231a73e8&size=48
