rosette emoji
rosette from Emoji One (Colored) by Emoji One · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- rosette
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Activities
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Emoji One (Colored)
Use the rosette emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#a01a5d" d="m46.5 31.2l-2.8-8.3S52.2 10.6 49 8.3s-12.6 9.5-12.6 9.5h-9S18 6.1 14.8 8.3s5.3 14.6 5.3 14.6l-2.8 8.3S3 36.3 4.2 40s15.9-.4 15.9-.4l7.3 5.2s.5 14.9 4.5 14.9s4.5-14.9 4.5-14.9l7.3-5.2s14.7 4.1 15.9.4c1.3-3.7-13.1-8.8-13.1-8.8"/><g fill="#e84d88"><path d="M41.8 9.9c0 10-4.4 18.2-9.9 18.2S22 20 22 9.9s7.2-4.2 9.9-4.2s9.9-5.8 9.9 4.2"/><path d="M13 16.5c9.8 3.1 16.4 9.7 14.7 14.8s-11 6.6-20.8 3.5s-1.9-8-1.1-10.5c.8-2.4-2.6-10.9 7.2-7.8"/><path d="M10.5 45.3c6-8.1 14.5-12.2 18.9-9c4.4 3.1 3.1 12.2-3 20.4c-6 8.1-8.4-.7-10.5-2.2c-2.1-1.6-11.5-1.1-5.4-9.2"/><path d="M37.8 56.5c-6-8.1-7.4-17.2-3-20.4c4.4-3.1 12.9.9 18.9 9s-3.3 7.6-5.4 9.1c-2.1 1.6-4.5 10.4-10.5 2.3"/><path d="M57.1 34.6c-9.8 3.1-19.1 1.5-20.8-3.5c-1.6-5.1 5-11.7 14.7-14.8c9.8-3.1 6.4 5.4 7.2 7.9c.8 2.4 8.7 7.3-1.1 10.4"/></g><ellipse cx="32" cy="32.4" fill="#ffce31" rx="3.8" ry="3.7"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneRosette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#a01a5d" d="m46.5 31.2l-2.8-8.3S52.2 10.6 49 8.3s-12.6 9.5-12.6 9.5h-9S18 6.1 14.8 8.3s5.3 14.6 5.3 14.6l-2.8 8.3S3 36.3 4.2 40s15.9-.4 15.9-.4l7.3 5.2s.5 14.9 4.5 14.9s4.5-14.9 4.5-14.9l7.3-5.2s14.7 4.1 15.9.4c1.3-3.7-13.1-8.8-13.1-8.8"/><g fill="#e84d88"><path d="M41.8 9.9c0 10-4.4 18.2-9.9 18.2S22 20 22 9.9s7.2-4.2 9.9-4.2s9.9-5.8 9.9 4.2"/><path d="M13 16.5c9.8 3.1 16.4 9.7 14.7 14.8s-11 6.6-20.8 3.5s-1.9-8-1.1-10.5c.8-2.4-2.6-10.9 7.2-7.8"/><path d="M10.5 45.3c6-8.1 14.5-12.2 18.9-9c4.4 3.1 3.1 12.2-3 20.4c-6 8.1-8.4-.7-10.5-2.2c-2.1-1.6-11.5-1.1-5.4-9.2"/><path d="M37.8 56.5c-6-8.1-7.4-17.2-3-20.4c4.4-3.1 12.9.9 18.9 9s-3.3 7.6-5.4 9.1c-2.1 1.6-4.5 10.4-10.5 2.3"/><path d="M57.1 34.6c-9.8 3.1-19.1 1.5-20.8-3.5c-1.6-5.1 5-11.7 14.7-14.8c9.8-3.1 6.4 5.4 7.2 7.9c.8 2.4 8.7 7.3-1.1 10.4"/></g><ellipse cx="32" cy="32.4" fill="#ffce31" rx="3.8" ry="3.7"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#a01a5d" d="m46.5 31.2l-2.8-8.3S52.2 10.6 49 8.3s-12.6 9.5-12.6 9.5h-9S18 6.1 14.8 8.3s5.3 14.6 5.3 14.6l-2.8 8.3S3 36.3 4.2 40s15.9-.4 15.9-.4l7.3 5.2s.5 14.9 4.5 14.9s4.5-14.9 4.5-14.9l7.3-5.2s14.7 4.1 15.9.4c1.3-3.7-13.1-8.8-13.1-8.8"/><g fill="#e84d88"><path d="M41.8 9.9c0 10-4.4 18.2-9.9 18.2S22 20 22 9.9s7.2-4.2 9.9-4.2s9.9-5.8 9.9 4.2"/><path d="M13 16.5c9.8 3.1 16.4 9.7 14.7 14.8s-11 6.6-20.8 3.5s-1.9-8-1.1-10.5c.8-2.4-2.6-10.9 7.2-7.8"/><path d="M10.5 45.3c6-8.1 14.5-12.2 18.9-9c4.4 3.1 3.1 12.2-3 20.4c-6 8.1-8.4-.7-10.5-2.2c-2.1-1.6-11.5-1.1-5.4-9.2"/><path d="M37.8 56.5c-6-8.1-7.4-17.2-3-20.4c4.4-3.1 12.9.9 18.9 9s-3.3 7.6-5.4 9.1c-2.1 1.6-4.5 10.4-10.5 2.3"/><path d="M57.1 34.6c-9.8 3.1-19.1 1.5-20.8-3.5c-1.6-5.1 5-11.7 14.7-14.8c9.8-3.1 6.4 5.4 7.2 7.9c.8 2.4 8.7 7.3-1.1 10.4"/></g><ellipse cx="32" cy="32.4" fill="#ffce31" rx="3.8" ry="3.7"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23a01a5d%22%20d%3D%22m46.5%2031.2l-2.8-8.3S52.2%2010.6%2049%208.3s-12.6%209.5-12.6%209.5h-9S18%206.1%2014.8%208.3s5.3%2014.6%205.3%2014.6l-2.8%208.3S3%2036.3%204.2%2040s15.9-.4%2015.9-.4l7.3%205.2s.5%2014.9%204.5%2014.9s4.5-14.9%204.5-14.9l7.3-5.2s14.7%204.1%2015.9.4c1.3-3.7-13.1-8.8-13.1-8.8%22%2F%3E%3Cg%20fill%3D%22%23e84d88%22%3E%3Cpath%20d%3D%22M41.8%209.9c0%2010-4.4%2018.2-9.9%2018.2S22%2020%2022%209.9s7.2-4.2%209.9-4.2s9.9-5.8%209.9%204.2%22%2F%3E%3Cpath%20d%3D%22M13%2016.5c9.8%203.1%2016.4%209.7%2014.7%2014.8s-11%206.6-20.8%203.5s-1.9-8-1.1-10.5c.8-2.4-2.6-10.9%207.2-7.8%22%2F%3E%3Cpath%20d%3D%22M10.5%2045.3c6-8.1%2014.5-12.2%2018.9-9c4.4%203.1%203.1%2012.2-3%2020.4c-6%208.1-8.4-.7-10.5-2.2c-2.1-1.6-11.5-1.1-5.4-9.2%22%2F%3E%3Cpath%20d%3D%22M37.8%2056.5c-6-8.1-7.4-17.2-3-20.4c4.4-3.1%2012.9.9%2018.9%209s-3.3%207.6-5.4%209.1c-2.1%201.6-4.5%2010.4-10.5%202.3%22%2F%3E%3Cpath%20d%3D%22M57.1%2034.6c-9.8%203.1-19.1%201.5-20.8-3.5c-1.6-5.1%205-11.7%2014.7-14.8c9.8-3.1%206.4%205.4%207.2%207.9c.8%202.4%208.7%207.3-1.1%2010.4%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232.4%22%20fill%3D%22%23ffce31%22%20rx%3D%223.8%22%20ry%3D%223.7%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%23a01a5d%22%20d%3D%22m46.5%2031.2l-2.8-8.3S52.2%2010.6%2049%208.3s-12.6%209.5-12.6%209.5h-9S18%206.1%2014.8%208.3s5.3%2014.6%205.3%2014.6l-2.8%208.3S3%2036.3%204.2%2040s15.9-.4%2015.9-.4l7.3%205.2s.5%2014.9%204.5%2014.9s4.5-14.9%204.5-14.9l7.3-5.2s14.7%204.1%2015.9.4c1.3-3.7-13.1-8.8-13.1-8.8%22%2F%3E%3Cg%20fill%3D%22%23e84d88%22%3E%3Cpath%20d%3D%22M41.8%209.9c0%2010-4.4%2018.2-9.9%2018.2S22%2020%2022%209.9s7.2-4.2%209.9-4.2s9.9-5.8%209.9%204.2%22%2F%3E%3Cpath%20d%3D%22M13%2016.5c9.8%203.1%2016.4%209.7%2014.7%2014.8s-11%206.6-20.8%203.5s-1.9-8-1.1-10.5c.8-2.4-2.6-10.9%207.2-7.8%22%2F%3E%3Cpath%20d%3D%22M10.5%2045.3c6-8.1%2014.5-12.2%2018.9-9c4.4%203.1%203.1%2012.2-3%2020.4c-6%208.1-8.4-.7-10.5-2.2c-2.1-1.6-11.5-1.1-5.4-9.2%22%2F%3E%3Cpath%20d%3D%22M37.8%2056.5c-6-8.1-7.4-17.2-3-20.4c4.4-3.1%2012.9.9%2018.9%209s-3.3%207.6-5.4%209.1c-2.1%201.6-4.5%2010.4-10.5%202.3%22%2F%3E%3Cpath%20d%3D%22M57.1%2034.6c-9.8%203.1-19.1%201.5-20.8-3.5c-1.6-5.1%205-11.7%2014.7-14.8c9.8-3.1%206.4%205.4%207.2%207.9c.8%202.4%208.7%207.3-1.1%2010.4%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2232.4%22%20fill%3D%22%23ffce31%22%20rx%3D%223.8%22%20ry%3D%223.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/rosette.svg?color=%231a73e8&size=48
