rosette emoji
rosette from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- rosette
- 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 rosette emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e95f28" d="M6.373 3.355c.162-.608.808-1.105 1.437-1.105h20.38c.629 0 1.275.497 1.436 1.105l5.08 19.113c.161.608-.119 1.412-.623 1.788L18.916 35.567c-.504.376-1.328.376-1.832 0L1.916 24.255c-.504-.376-.784-1.18-.623-1.788z"/><path fill="#ffac33" d="M32.929 19.916c4.712-1.567.548-14.683-4.164-13.118c-1.804.6-3.636 1.715-5.226 3.028c.728-1.954 1.197-4.082 1.197-6.023c0-5.071-13.472-5.071-13.472 0c0 1.941.469 4.07 1.197 6.023C10.87 8.514 9.037 7.399 7.234 6.8C2.522 5.233-1.639 18.349 3.07 19.916c1.803.599 3.926.801 5.966.696c-1.711 1.142-3.312 2.582-4.427 4.153c-2.912 4.103 7.988 12.209 10.9 8.108c1.114-1.57 1.957-3.576 2.49-5.594c.533 2.019 1.376 4.024 2.49 5.594c2.912 4.103 13.811-4.004 10.901-8.108c-1.115-1.57-2.717-3.01-4.427-4.153c2.04.105 4.162-.097 5.966-.696"/><path fill="#f4900c" d="M26.26 25.769c3.608 1.184 6.752-8.854 3.145-10.038c-1.381-.453-3.005-.599-4.565-.513c1.305-.879 2.526-1.984 3.373-3.188c2.214-3.144-6.144-9.306-8.359-6.162c-.848 1.204-1.486 2.738-1.888 4.282c-.413-1.541-1.064-3.07-1.921-4.267c-2.239-3.127-10.549 3.103-8.311 6.229c.857 1.196 2.086 2.293 3.398 3.16c-1.56-.074-3.183.087-4.56.55c-3.599 1.213-.375 11.224 3.222 10.013c1.377-.464 2.776-1.322 3.988-2.33c-.551 1.496-.903 3.124-.898 4.607c.015 3.876 10.317 3.833 10.304-.042c-.006-1.484-.371-3.109-.933-4.6c1.219 1.001 2.624 1.846 4.005 2.299"/><path fill="#ffcc4d" d="M24.586 18.537c2.079-.691.242-6.478-1.837-5.787c-.796.265-1.604.757-2.306 1.336c.321-.862.528-1.801.528-2.657c0-2.237-5.944-2.237-5.944 0c0 .856.207 1.795.528 2.657c-.701-.579-1.51-1.071-2.305-1.335c-2.079-.691-3.915 5.095-1.837 5.787c.796.264 1.732.354 2.632.307c-.755.504-1.461 1.139-1.953 1.832c-1.285 1.81 3.524 5.386 4.809 3.577c.492-.693.863-1.578 1.098-2.468c.235.891.607 1.775 1.098 2.468c1.285 1.81 6.093-1.767 4.809-3.577c-.492-.693-1.199-1.328-1.953-1.832c.901.045 1.837-.044 2.633-.308"/><path fill="#eee" d="M19.767 19.018a2.5 2.5 0 1 1-3.535-3.536a2.5 2.5 0 0 1 3.535 3.536"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiRosette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e95f28" d="M6.373 3.355c.162-.608.808-1.105 1.437-1.105h20.38c.629 0 1.275.497 1.436 1.105l5.08 19.113c.161.608-.119 1.412-.623 1.788L18.916 35.567c-.504.376-1.328.376-1.832 0L1.916 24.255c-.504-.376-.784-1.18-.623-1.788z"/><path fill="#ffac33" d="M32.929 19.916c4.712-1.567.548-14.683-4.164-13.118c-1.804.6-3.636 1.715-5.226 3.028c.728-1.954 1.197-4.082 1.197-6.023c0-5.071-13.472-5.071-13.472 0c0 1.941.469 4.07 1.197 6.023C10.87 8.514 9.037 7.399 7.234 6.8C2.522 5.233-1.639 18.349 3.07 19.916c1.803.599 3.926.801 5.966.696c-1.711 1.142-3.312 2.582-4.427 4.153c-2.912 4.103 7.988 12.209 10.9 8.108c1.114-1.57 1.957-3.576 2.49-5.594c.533 2.019 1.376 4.024 2.49 5.594c2.912 4.103 13.811-4.004 10.901-8.108c-1.115-1.57-2.717-3.01-4.427-4.153c2.04.105 4.162-.097 5.966-.696"/><path fill="#f4900c" d="M26.26 25.769c3.608 1.184 6.752-8.854 3.145-10.038c-1.381-.453-3.005-.599-4.565-.513c1.305-.879 2.526-1.984 3.373-3.188c2.214-3.144-6.144-9.306-8.359-6.162c-.848 1.204-1.486 2.738-1.888 4.282c-.413-1.541-1.064-3.07-1.921-4.267c-2.239-3.127-10.549 3.103-8.311 6.229c.857 1.196 2.086 2.293 3.398 3.16c-1.56-.074-3.183.087-4.56.55c-3.599 1.213-.375 11.224 3.222 10.013c1.377-.464 2.776-1.322 3.988-2.33c-.551 1.496-.903 3.124-.898 4.607c.015 3.876 10.317 3.833 10.304-.042c-.006-1.484-.371-3.109-.933-4.6c1.219 1.001 2.624 1.846 4.005 2.299"/><path fill="#ffcc4d" d="M24.586 18.537c2.079-.691.242-6.478-1.837-5.787c-.796.265-1.604.757-2.306 1.336c.321-.862.528-1.801.528-2.657c0-2.237-5.944-2.237-5.944 0c0 .856.207 1.795.528 2.657c-.701-.579-1.51-1.071-2.305-1.335c-2.079-.691-3.915 5.095-1.837 5.787c.796.264 1.732.354 2.632.307c-.755.504-1.461 1.139-1.953 1.832c-1.285 1.81 3.524 5.386 4.809 3.577c.492-.693.863-1.578 1.098-2.468c.235.891.607 1.775 1.098 2.468c1.285 1.81 6.093-1.767 4.809-3.577c-.492-.693-1.199-1.328-1.953-1.832c.901.045 1.837-.044 2.633-.308"/><path fill="#eee" d="M19.767 19.018a2.5 2.5 0 1 1-3.535-3.536a2.5 2.5 0 0 1 3.535 3.536"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e95f28" d="M6.373 3.355c.162-.608.808-1.105 1.437-1.105h20.38c.629 0 1.275.497 1.436 1.105l5.08 19.113c.161.608-.119 1.412-.623 1.788L18.916 35.567c-.504.376-1.328.376-1.832 0L1.916 24.255c-.504-.376-.784-1.18-.623-1.788z"/><path fill="#ffac33" d="M32.929 19.916c4.712-1.567.548-14.683-4.164-13.118c-1.804.6-3.636 1.715-5.226 3.028c.728-1.954 1.197-4.082 1.197-6.023c0-5.071-13.472-5.071-13.472 0c0 1.941.469 4.07 1.197 6.023C10.87 8.514 9.037 7.399 7.234 6.8C2.522 5.233-1.639 18.349 3.07 19.916c1.803.599 3.926.801 5.966.696c-1.711 1.142-3.312 2.582-4.427 4.153c-2.912 4.103 7.988 12.209 10.9 8.108c1.114-1.57 1.957-3.576 2.49-5.594c.533 2.019 1.376 4.024 2.49 5.594c2.912 4.103 13.811-4.004 10.901-8.108c-1.115-1.57-2.717-3.01-4.427-4.153c2.04.105 4.162-.097 5.966-.696"/><path fill="#f4900c" d="M26.26 25.769c3.608 1.184 6.752-8.854 3.145-10.038c-1.381-.453-3.005-.599-4.565-.513c1.305-.879 2.526-1.984 3.373-3.188c2.214-3.144-6.144-9.306-8.359-6.162c-.848 1.204-1.486 2.738-1.888 4.282c-.413-1.541-1.064-3.07-1.921-4.267c-2.239-3.127-10.549 3.103-8.311 6.229c.857 1.196 2.086 2.293 3.398 3.16c-1.56-.074-3.183.087-4.56.55c-3.599 1.213-.375 11.224 3.222 10.013c1.377-.464 2.776-1.322 3.988-2.33c-.551 1.496-.903 3.124-.898 4.607c.015 3.876 10.317 3.833 10.304-.042c-.006-1.484-.371-3.109-.933-4.6c1.219 1.001 2.624 1.846 4.005 2.299"/><path fill="#ffcc4d" d="M24.586 18.537c2.079-.691.242-6.478-1.837-5.787c-.796.265-1.604.757-2.306 1.336c.321-.862.528-1.801.528-2.657c0-2.237-5.944-2.237-5.944 0c0 .856.207 1.795.528 2.657c-.701-.579-1.51-1.071-2.305-1.335c-2.079-.691-3.915 5.095-1.837 5.787c.796.264 1.732.354 2.632.307c-.755.504-1.461 1.139-1.953 1.832c-1.285 1.81 3.524 5.386 4.809 3.577c.492-.693.863-1.578 1.098-2.468c.235.891.607 1.775 1.098 2.468c1.285 1.81 6.093-1.767 4.809-3.577c-.492-.693-1.199-1.328-1.953-1.832c.901.045 1.837-.044 2.633-.308"/><path fill="#eee" d="M19.767 19.018a2.5 2.5 0 1 1-3.535-3.536a2.5 2.5 0 0 1 3.535 3.536"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23e95f28%22%20d%3D%22M6.373%203.355c.162-.608.808-1.105%201.437-1.105h20.38c.629%200%201.275.497%201.436%201.105l5.08%2019.113c.161.608-.119%201.412-.623%201.788L18.916%2035.567c-.504.376-1.328.376-1.832%200L1.916%2024.255c-.504-.376-.784-1.18-.623-1.788z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M32.929%2019.916c4.712-1.567.548-14.683-4.164-13.118c-1.804.6-3.636%201.715-5.226%203.028c.728-1.954%201.197-4.082%201.197-6.023c0-5.071-13.472-5.071-13.472%200c0%201.941.469%204.07%201.197%206.023C10.87%208.514%209.037%207.399%207.234%206.8C2.522%205.233-1.639%2018.349%203.07%2019.916c1.803.599%203.926.801%205.966.696c-1.711%201.142-3.312%202.582-4.427%204.153c-2.912%204.103%207.988%2012.209%2010.9%208.108c1.114-1.57%201.957-3.576%202.49-5.594c.533%202.019%201.376%204.024%202.49%205.594c2.912%204.103%2013.811-4.004%2010.901-8.108c-1.115-1.57-2.717-3.01-4.427-4.153c2.04.105%204.162-.097%205.966-.696%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M26.26%2025.769c3.608%201.184%206.752-8.854%203.145-10.038c-1.381-.453-3.005-.599-4.565-.513c1.305-.879%202.526-1.984%203.373-3.188c2.214-3.144-6.144-9.306-8.359-6.162c-.848%201.204-1.486%202.738-1.888%204.282c-.413-1.541-1.064-3.07-1.921-4.267c-2.239-3.127-10.549%203.103-8.311%206.229c.857%201.196%202.086%202.293%203.398%203.16c-1.56-.074-3.183.087-4.56.55c-3.599%201.213-.375%2011.224%203.222%2010.013c1.377-.464%202.776-1.322%203.988-2.33c-.551%201.496-.903%203.124-.898%204.607c.015%203.876%2010.317%203.833%2010.304-.042c-.006-1.484-.371-3.109-.933-4.6c1.219%201.001%202.624%201.846%204.005%202.299%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M24.586%2018.537c2.079-.691.242-6.478-1.837-5.787c-.796.265-1.604.757-2.306%201.336c.321-.862.528-1.801.528-2.657c0-2.237-5.944-2.237-5.944%200c0%20.856.207%201.795.528%202.657c-.701-.579-1.51-1.071-2.305-1.335c-2.079-.691-3.915%205.095-1.837%205.787c.796.264%201.732.354%202.632.307c-.755.504-1.461%201.139-1.953%201.832c-1.285%201.81%203.524%205.386%204.809%203.577c.492-.693.863-1.578%201.098-2.468c.235.891.607%201.775%201.098%202.468c1.285%201.81%206.093-1.767%204.809-3.577c-.492-.693-1.199-1.328-1.953-1.832c.901.045%201.837-.044%202.633-.308%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M19.767%2019.018a2.5%202.5%200%201%201-3.535-3.536a2.5%202.5%200%200%201%203.535%203.536%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%23e95f28%22%20d%3D%22M6.373%203.355c.162-.608.808-1.105%201.437-1.105h20.38c.629%200%201.275.497%201.436%201.105l5.08%2019.113c.161.608-.119%201.412-.623%201.788L18.916%2035.567c-.504.376-1.328.376-1.832%200L1.916%2024.255c-.504-.376-.784-1.18-.623-1.788z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M32.929%2019.916c4.712-1.567.548-14.683-4.164-13.118c-1.804.6-3.636%201.715-5.226%203.028c.728-1.954%201.197-4.082%201.197-6.023c0-5.071-13.472-5.071-13.472%200c0%201.941.469%204.07%201.197%206.023C10.87%208.514%209.037%207.399%207.234%206.8C2.522%205.233-1.639%2018.349%203.07%2019.916c1.803.599%203.926.801%205.966.696c-1.711%201.142-3.312%202.582-4.427%204.153c-2.912%204.103%207.988%2012.209%2010.9%208.108c1.114-1.57%201.957-3.576%202.49-5.594c.533%202.019%201.376%204.024%202.49%205.594c2.912%204.103%2013.811-4.004%2010.901-8.108c-1.115-1.57-2.717-3.01-4.427-4.153c2.04.105%204.162-.097%205.966-.696%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M26.26%2025.769c3.608%201.184%206.752-8.854%203.145-10.038c-1.381-.453-3.005-.599-4.565-.513c1.305-.879%202.526-1.984%203.373-3.188c2.214-3.144-6.144-9.306-8.359-6.162c-.848%201.204-1.486%202.738-1.888%204.282c-.413-1.541-1.064-3.07-1.921-4.267c-2.239-3.127-10.549%203.103-8.311%206.229c.857%201.196%202.086%202.293%203.398%203.16c-1.56-.074-3.183.087-4.56.55c-3.599%201.213-.375%2011.224%203.222%2010.013c1.377-.464%202.776-1.322%203.988-2.33c-.551%201.496-.903%203.124-.898%204.607c.015%203.876%2010.317%203.833%2010.304-.042c-.006-1.484-.371-3.109-.933-4.6c1.219%201.001%202.624%201.846%204.005%202.299%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M24.586%2018.537c2.079-.691.242-6.478-1.837-5.787c-.796.265-1.604.757-2.306%201.336c.321-.862.528-1.801.528-2.657c0-2.237-5.944-2.237-5.944%200c0%20.856.207%201.795.528%202.657c-.701-.579-1.51-1.071-2.305-1.335c-2.079-.691-3.915%205.095-1.837%205.787c.796.264%201.732.354%202.632.307c-.755.504-1.461%201.139-1.953%201.832c-1.285%201.81%203.524%205.386%204.809%203.577c.492-.693.863-1.578%201.098-2.468c.235.891.607%201.775%201.098%202.468c1.285%201.81%206.093-1.767%204.809-3.577c-.492-.693-1.199-1.328-1.953-1.832c.901.045%201.837-.044%202.633-.308%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M19.767%2019.018a2.5%202.5%200%201%201-3.535-3.536a2.5%202.5%200%200%201%203.535%203.536%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/rosette.svg?color=%231a73e8&size=48
