Home/Libraries/Twitter Emoji (Iconify)/rosette

Twitter Emoji (Iconify)

Rosette

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 36 36"><path fill="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. RosetteIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.