rosette emoji
rosette from OpenMoji by OpenMoji · Default · Animals Nature · CC-BY-SA-4.0 Attribution required.
- Name
- rosette
- Set
- OpenMoji
- Style
- Default
- Category
- Animals Nature
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More animals nature icons from OpenMoji
Use the rosette emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d22f27" stroke="#d22f27" stroke-miterlimit="10" stroke-width="2" d="M35.466 10c-5.667 0-10.267 7.196-10.411 16.155c-8.499.45-15.176 4.921-15.176 10.38c0 5.465 6.693 9.94 15.206 10.38c.441 8.513 4.916 15.206 10.38 15.206c5.458 0 9.93-6.677 10.38-15.176C54.804 46.801 62 42.201 62 36.535c0-5.66-7.18-10.256-16.125-10.41C45.721 17.18 41.125 10 35.465 10Z"/><path fill="#ea5a47" d="M53.197 18.174c-3.76-3.76-11.587-2.037-17.627 3.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626 3.626-2.154 11.036 3.202 16.978c-5.356 5.94-6.828 13.351-3.202 16.977c3.622 3.622 11.02 2.158 16.957-3.183c6.04 5.849 13.867 7.571 17.627 3.812c3.755-3.755 2.04-11.569-3.792-17.606c5.832-6.038 7.547-13.851 3.792-17.607"/><circle cx="35.591" cy="35.781" r="8.003" fill="#f4aa41" stroke="#f4aa41" stroke-miterlimit="10" stroke-width="2"/><circle cx="35.591" cy="35.781" r="4.446" fill="#fcea2b" stroke="#fcea2b" stroke-miterlimit="10" stroke-width="2"/><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2"><path stroke-linecap="round" d="M53.197 18.174c-3.76-3.76-11.587-2.037-17.627 3.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626 3.626-2.154 11.036 3.202 16.978c-5.356 5.94-6.828 13.351-3.202 16.977c3.622 3.622 11.02 2.158 16.957-3.183c6.04 5.849 13.867 7.571 17.627 3.812c3.755-3.755 2.04-11.569-3.792-17.606c5.832-6.038 7.547-13.851 3.792-17.607m5.35 24.723A8.31 8.31 0 0 0 62 36.535c0-2.575-1.485-4.929-3.947-6.745M28.391 57.71c1.857 2.738 4.342 4.411 7.075 4.411a8.3 8.3 0 0 0 6.35-3.436M13.125 30.343a8.2 8.2 0 0 0-3.246 6.192a7.86 7.86 0 0 0 2.566 5.57M42.077 13.77c-1.797-2.356-4.1-3.77-6.611-3.77a8.3 8.3 0 0 0-6.349 3.435"/><circle cx="35.591" cy="35.781" r="8.003"/><circle cx="35.591" cy="35.781" r="4.446"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiRosette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d22f27" stroke="#d22f27" strokeMiterlimit="10" strokeWidth="2" d="M35.466 10c-5.667 0-10.267 7.196-10.411 16.155c-8.499.45-15.176 4.921-15.176 10.38c0 5.465 6.693 9.94 15.206 10.38c.441 8.513 4.916 15.206 10.38 15.206c5.458 0 9.93-6.677 10.38-15.176C54.804 46.801 62 42.201 62 36.535c0-5.66-7.18-10.256-16.125-10.41C45.721 17.18 41.125 10 35.465 10Z"/><path fill="#ea5a47" d="M53.197 18.174c-3.76-3.76-11.587-2.037-17.627 3.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626 3.626-2.154 11.036 3.202 16.978c-5.356 5.94-6.828 13.351-3.202 16.977c3.622 3.622 11.02 2.158 16.957-3.183c6.04 5.849 13.867 7.571 17.627 3.812c3.755-3.755 2.04-11.569-3.792-17.606c5.832-6.038 7.547-13.851 3.792-17.607"/><circle cx="35.591" cy="35.781" r="8.003" fill="#f4aa41" stroke="#f4aa41" strokeMiterlimit="10" strokeWidth="2"/><circle cx="35.591" cy="35.781" r="4.446" fill="#fcea2b" stroke="#fcea2b" strokeMiterlimit="10" strokeWidth="2"/><g fill="none" stroke="#000" strokeLinejoin="round" strokeWidth="2"><path strokeLinecap="round" d="M53.197 18.174c-3.76-3.76-11.587-2.037-17.627 3.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626 3.626-2.154 11.036 3.202 16.978c-5.356 5.94-6.828 13.351-3.202 16.977c3.622 3.622 11.02 2.158 16.957-3.183c6.04 5.849 13.867 7.571 17.627 3.812c3.755-3.755 2.04-11.569-3.792-17.606c5.832-6.038 7.547-13.851 3.792-17.607m5.35 24.723A8.31 8.31 0 0 0 62 36.535c0-2.575-1.485-4.929-3.947-6.745M28.391 57.71c1.857 2.738 4.342 4.411 7.075 4.411a8.3 8.3 0 0 0 6.35-3.436M13.125 30.343a8.2 8.2 0 0 0-3.246 6.192a7.86 7.86 0 0 0 2.566 5.57M42.077 13.77c-1.797-2.356-4.1-3.77-6.611-3.77a8.3 8.3 0 0 0-6.349 3.435"/><circle cx="35.591" cy="35.781" r="8.003"/><circle cx="35.591" cy="35.781" r="4.446"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d22f27" stroke="#d22f27" stroke-miterlimit="10" stroke-width="2" d="M35.466 10c-5.667 0-10.267 7.196-10.411 16.155c-8.499.45-15.176 4.921-15.176 10.38c0 5.465 6.693 9.94 15.206 10.38c.441 8.513 4.916 15.206 10.38 15.206c5.458 0 9.93-6.677 10.38-15.176C54.804 46.801 62 42.201 62 36.535c0-5.66-7.18-10.256-16.125-10.41C45.721 17.18 41.125 10 35.465 10Z"/><path fill="#ea5a47" d="M53.197 18.174c-3.76-3.76-11.587-2.037-17.627 3.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626 3.626-2.154 11.036 3.202 16.978c-5.356 5.94-6.828 13.351-3.202 16.977c3.622 3.622 11.02 2.158 16.957-3.183c6.04 5.849 13.867 7.571 17.627 3.812c3.755-3.755 2.04-11.569-3.792-17.606c5.832-6.038 7.547-13.851 3.792-17.607"/><circle cx="35.591" cy="35.781" r="8.003" fill="#f4aa41" stroke="#f4aa41" stroke-miterlimit="10" stroke-width="2"/><circle cx="35.591" cy="35.781" r="4.446" fill="#fcea2b" stroke="#fcea2b" stroke-miterlimit="10" stroke-width="2"/><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2"><path stroke-linecap="round" d="M53.197 18.174c-3.76-3.76-11.587-2.037-17.627 3.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626 3.626-2.154 11.036 3.202 16.978c-5.356 5.94-6.828 13.351-3.202 16.977c3.622 3.622 11.02 2.158 16.957-3.183c6.04 5.849 13.867 7.571 17.627 3.812c3.755-3.755 2.04-11.569-3.792-17.606c5.832-6.038 7.547-13.851 3.792-17.607m5.35 24.723A8.31 8.31 0 0 0 62 36.535c0-2.575-1.485-4.929-3.947-6.745M28.391 57.71c1.857 2.738 4.342 4.411 7.075 4.411a8.3 8.3 0 0 0 6.35-3.436M13.125 30.343a8.2 8.2 0 0 0-3.246 6.192a7.86 7.86 0 0 0 2.566 5.57M42.077 13.77c-1.797-2.356-4.1-3.77-6.611-3.77a8.3 8.3 0 0 0-6.349 3.435"/><circle cx="35.591" cy="35.781" r="8.003"/><circle cx="35.591" cy="35.781" r="4.446"/></g></svg> </template>
CSS
.icon-rosette {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d22f27%22%20stroke%3D%22%23d22f27%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M35.466%2010c-5.667%200-10.267%207.196-10.411%2016.155c-8.499.45-15.176%204.921-15.176%2010.38c0%205.465%206.693%209.94%2015.206%2010.38c.441%208.513%204.916%2015.206%2010.38%2015.206c5.458%200%209.93-6.677%2010.38-15.176C54.804%2046.801%2062%2042.201%2062%2036.535c0-5.66-7.18-10.256-16.125-10.41C45.721%2017.18%2041.125%2010%2035.465%2010Z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M53.197%2018.174c-3.76-3.76-11.587-2.037-17.627%203.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626%203.626-2.154%2011.036%203.202%2016.978c-5.356%205.94-6.828%2013.351-3.202%2016.977c3.622%203.622%2011.02%202.158%2016.957-3.183c6.04%205.849%2013.867%207.571%2017.627%203.812c3.755-3.755%202.04-11.569-3.792-17.606c5.832-6.038%207.547-13.851%203.792-17.607%22%2F%3E%3Ccircle%20cx%3D%2235.591%22%20cy%3D%2235.781%22%20r%3D%228.003%22%20fill%3D%22%23f4aa41%22%20stroke%3D%22%23f4aa41%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2235.591%22%20cy%3D%2235.781%22%20r%3D%224.446%22%20fill%3D%22%23fcea2b%22%20stroke%3D%22%23fcea2b%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M53.197%2018.174c-3.76-3.76-11.587-2.037-17.627%203.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626%203.626-2.154%2011.036%203.202%2016.978c-5.356%205.94-6.828%2013.351-3.202%2016.977c3.622%203.622%2011.02%202.158%2016.957-3.183c6.04%205.849%2013.867%207.571%2017.627%203.812c3.755-3.755%202.04-11.569-3.792-17.606c5.832-6.038%207.547-13.851%203.792-17.607m5.35%2024.723A8.31%208.31%200%200%200%2062%2036.535c0-2.575-1.485-4.929-3.947-6.745M28.391%2057.71c1.857%202.738%204.342%204.411%207.075%204.411a8.3%208.3%200%200%200%206.35-3.436M13.125%2030.343a8.2%208.2%200%200%200-3.246%206.192a7.86%207.86%200%200%200%202.566%205.57M42.077%2013.77c-1.797-2.356-4.1-3.77-6.611-3.77a8.3%208.3%200%200%200-6.349%203.435%22%2F%3E%3Ccircle%20cx%3D%2235.591%22%20cy%3D%2235.781%22%20r%3D%228.003%22%2F%3E%3Ccircle%20cx%3D%2235.591%22%20cy%3D%2235.781%22%20r%3D%224.446%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d22f27%22%20stroke%3D%22%23d22f27%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M35.466%2010c-5.667%200-10.267%207.196-10.411%2016.155c-8.499.45-15.176%204.921-15.176%2010.38c0%205.465%206.693%209.94%2015.206%2010.38c.441%208.513%204.916%2015.206%2010.38%2015.206c5.458%200%209.93-6.677%2010.38-15.176C54.804%2046.801%2062%2042.201%2062%2036.535c0-5.66-7.18-10.256-16.125-10.41C45.721%2017.18%2041.125%2010%2035.465%2010Z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M53.197%2018.174c-3.76-3.76-11.587-2.037-17.627%203.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626%203.626-2.154%2011.036%203.202%2016.978c-5.356%205.94-6.828%2013.351-3.202%2016.977c3.622%203.622%2011.02%202.158%2016.957-3.183c6.04%205.849%2013.867%207.571%2017.627%203.812c3.755-3.755%202.04-11.569-3.792-17.606c5.832-6.038%207.547-13.851%203.792-17.607%22%2F%3E%3Ccircle%20cx%3D%2235.591%22%20cy%3D%2235.781%22%20r%3D%228.003%22%20fill%3D%22%23f4aa41%22%20stroke%3D%22%23f4aa41%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2235.591%22%20cy%3D%2235.781%22%20r%3D%224.446%22%20fill%3D%22%23fcea2b%22%20stroke%3D%22%23fcea2b%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M53.197%2018.174c-3.76-3.76-11.587-2.037-17.627%203.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626%203.626-2.154%2011.036%203.202%2016.978c-5.356%205.94-6.828%2013.351-3.202%2016.977c3.622%203.622%2011.02%202.158%2016.957-3.183c6.04%205.849%2013.867%207.571%2017.627%203.812c3.755-3.755%202.04-11.569-3.792-17.606c5.832-6.038%207.547-13.851%203.792-17.607m5.35%2024.723A8.31%208.31%200%200%200%2062%2036.535c0-2.575-1.485-4.929-3.947-6.745M28.391%2057.71c1.857%202.738%204.342%204.411%207.075%204.411a8.3%208.3%200%200%200%206.35-3.436M13.125%2030.343a8.2%208.2%200%200%200-3.246%206.192a7.86%207.86%200%200%200%202.566%205.57M42.077%2013.77c-1.797-2.356-4.1-3.77-6.611-3.77a8.3%208.3%200%200%200-6.349%203.435%22%2F%3E%3Ccircle%20cx%3D%2235.591%22%20cy%3D%2235.781%22%20r%3D%228.003%22%2F%3E%3Ccircle%20cx%3D%2235.591%22%20cy%3D%2235.781%22%20r%3D%224.446%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/rosette.svg?color=%231a73e8&size=48
