Home/Libraries/OpenMoji (Iconify)/princess

OpenMoji (Iconify)

Princess

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="#ffa7c0" d="M50.058 58.84c0-4.012 3.863-8.127 3.863-8.127l-2.108-3.357c-4.425-.48-6.06 8.766-6.06 8.766c-3.681-4.637-9.89.17-9.89.17s-6.37-4.807-10.053-.17c0 0-1.634-9.246-6.059-8.766l-2.108 3.357s3.863 4.115 3.863 8.127z"/><path fill="#fcea2b" d="m31.44 17.56l.002-9.743l3.115 2.652l1.415-3.546l1.469 3.409l2.844-2.515v9.743z"/><g fill="#f4aa41"><path d="M44.662 14.18q-2.052-1.32-4.104-2.015l-.273 5.395h-8.67l.032-5.473q-2.17.697-4.339 2.094c-15.312 15.276 6.616 9.822 8.677 4.545c2.06 5.277 23.989 10.731 8.677-4.545"/><path d="M23.813 44.829a12 12 0 0 1 3.112-.389c3.17 2.105 5.89 3.56 8.937 3.574C38.91 48 41.63 46.544 44.8 44.44c1.24 0 2.324.16 3.283.437a34 34 0 0 0 2.15-1.7c3.197-3.58.302-14.826-.926-19.006q-13.324-12.474-26.65 0c-1.228 4.18-4.123 15.425-.925 19.006c.693.599 1.387 1.14 2.081 1.652"/></g><path fill="#fcea2b" d="M17.7 50.775c-1.354 3.863-.775 8.062-.775 8.062h4.581c-.001-3.733-3.343-7.55-3.806-8.062m27.1-6.335c-3.17 2.105-5.89 3.56-8.937 3.574c-3.049-.014-5.768-1.47-8.938-3.574c-5.316 0-7.881 2.825-9.093 5.973l1.92-3.057c4.424-.48 6.058 8.766 6.058 8.766c3.682-4.637 10.052.17 10.052.17s6.21-4.807 9.892-.17c0 0 1.634-9.246 6.059-8.766l2.108 3.357s-3.862 4.114-3.863 8.124H54.8s2-14.397-10-14.397m-8.787-25.06s3.524 5.175 11.1 5.756c.157.938.239 1.91.239 2.907c0 7.827-5.077 14.173-11.339 14.173S24.675 35.87 24.675 28.043c0-1.011.084-1.997.245-2.948c7.065-1.269 11.093-5.715 11.093-5.715"/><path d="M41.985 26.98a2 2 0 1 1-4.001 0a2 2 0 0 1 4.001 0m-8 0a2 2 0 1 1-4.001 0a2 2 0 0 1 4.001 0m2 10.003c-1.152 0-2.304-.286-3.447-.858a1 1 0 1 1 .894-1.789c1.718.86 3.388.86 5.106 0a1 1 0 0 1 .894 1.79c-1.143.571-2.295.857-3.447.857"/><path fill="none" stroke="#818cf8" stroke-miterlimit="10" stroke-width="1.5" d="M24.967 24.98a17.6 17.6 0 0 0-.32 3.362c0 7.827 5.076 14.173 11.338 14.173s11.338-6.346 11.338-14.173c0-1.159-.11-2.284-.32-3.362"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M16.925 57.834s-2-13 10-13c3.192 2.128 5.926 3.598 9 3.592H35.8c3.074.006 5.808-1.464 9-3.592c12 0 10 13 10 13M31.44 17.56l.002-9.743l3.115 2.652l1.415-3.546l1.469 3.409l2.844-2.515v9.743z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17.643 50.713s3.863 3.115 3.863 7.127m30.307-10.484c-4.425-.48-6.06 8.766-6.06 8.766c-3.681-4.637-9.89.17-9.89.17s-6.37-4.807-10.053-.17c0 0-1.634-9.246-6.059-8.766m34.169 3.357s-3.862 3.125-3.862 7.137M44.27 15.055c14.568 14.536-6.296 9.346-8.257 4.325c-1.96 5.021-22.825 10.21-8.256-4.325"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M23.056 23.826c-1.19 4.054-3.998 14.961-.898 18.434m26.746-18.434c1.19 4.054 3.998 14.961.898 18.434"/></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. PrincessIcon.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.