Home/Libraries/OpenMoji (Iconify)/rose

OpenMoji (Iconify)

Rose

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path fill="#ea5a47" d="M38.163 16.825s-5.19-.514-5.862 3.044s1.757 6.498 2.93 6.655c0 0-2.555 6.294 1.873 9.694s9.162 1.191 10.976-2.122c0 0 8.084.967 8.44-6.457c0 0-.965-6.424-5.866-6.293c0 0 1.363-6.977-3.898-8.471s-8.593 3.95-8.593 3.95"/><path fill="#b1cc33" d="M25.93 32.603c3.991 4.886 2.804 12.462 2.804 12.462s-7.66-.346-11.653-5.232s-2.805-12.462-2.805-12.462s7.661.35 11.653 5.232"/><path fill="#d22f27" d="M44.412 38.237c.91 1.976 1.874 3.717 3.497 4.563c1.708.89 3.683.676 5.128-.125c1.526-.847 2.655-2.51 2.697-4.595c.036-1.762-1.106-3.524-2.148-5.403l-5.037 2.432zm7.54-18.163s.196-3.275-.304-4.074c0 0 1.142-1.674 3.088-1.317c1.482.272 2.332 3.318 2.653 4.755c.112.503.288.723-.05 1.112c-.545.627-1.803 1.805-2.96 2.058z"/><path fill="#ea5a47" d="M48.366 22.704c0 1.631-2.093 2.954-4.675 2.954s-4.675-1.323-4.675-2.954"/><path fill="#d22f27" d="M50.525 31.17c-.501.686-1.424 1.104-2.286 1.355a8.3 8.3 0 0 1-3.543.254a10 10 0 0 1-5.45-2.651a9.3 9.3 0 0 1-2.708-4.85l-.014-.089a3.88 3.88 0 0 1 1.391-3.413c.656-.554 1.584-.882 2.476-1.004a8.3 8.3 0 0 1 3.542.269a9.84 9.84 0 0 1 4.96 3.418a9.15 9.15 0 0 1 1.898 5.188"/><path fill="#ea5a47" d="M39.016 22.839c-.002 1.612 1.917 2.667 4.515 2.778s4.759-1.12 4.828-2.75v-.315c-.02-1.632-2.142-2.974-4.74-2.998s-4.622 1.652-4.603 3.285"/><path fill="#d22f27" d="M43.174 24.818c-.61-1.417.329-3.184 2.098-3.948c.918-.396 1.96-.354 2.875-.035c1.417.494 2.41 1.88 2.375 3.382a1.8 1.8 0 0 1-.103.606"/><path fill="#d22f27" d="M43.174 23.83c-.61 1.416.329 3.184 2.098 3.947c.918.397 1.96.354 2.875.035c1.417-.494 2.41-1.88 2.375-3.382a1.8 1.8 0 0 0-.103-.605"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path stroke-miterlimit="10" d="M49.868 30.398c-.443.635-1.259 1.02-2.021 1.253a7.06 7.06 0 0 1-3.132.235a8.7 8.7 0 0 1-4.818-2.452a8.7 8.7 0 0 1-2.393-4.485m2.499-2.127c0-1.63 1.653-2.953 3.692-2.953s3.692 1.322 3.692 2.953"/><path stroke-miterlimit="10" d="M49.41 24.987c0 1.16-1.176 2.102-2.627 2.102c-.753 0-1.461-.34-1.998-.834c-.833-.764-1.107-2.018-.635-3.045c.069-.15.152-.284.252-.388m8.906-6.919c.98-.624 2.405-.138 3.185 1.086s.617 2.722-.362 3.346m-1.936 15.589a4.363 4.363 0 0 1-7.63 4.233m-8.402-23.964c-2.253-.855-5.918 1.231-6.512 3.676c-.57 2.341.9 6.214 3.153 7.069m16.063-6.104c5.416.628 6.396 6.461 5.802 8.774c-.882 3.435-5.39 5.401-8.12 4.69m2.318-13.464a6.762 6.762 0 1 0-12.704-4.64m-3.359 10.744a7.796 7.796 0 1 0 13.745 7.36"/><path d="M25.93 32.31c3.991 4.885 2.804 12.461 2.804 12.461s-7.66-.347-11.653-5.233s-2.805-12.462-2.805-12.462s7.661.351 11.653 5.233m11.175 8.555c-3.438 3.548-7.676 10.246-5.829 20.735"/></g></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. RoseIcon.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-SA-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.