Home/Libraries/Solar (Iconify)/star-ring-bold

Solar (Iconify)

StarRingBold

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 24 24"><path fill="#818cf8" d="M16.273 19.45q.947.369 1.748.566l.007.001c.954.235 1.711.282 2.25.186q.226-.041.388-.109c.263-.11.408-.268.484-.43c.088-.187.129-.458.078-.827a3.7 3.7 0 0 0-.21-.8a7.5 7.5 0 0 0-.488-1.043l-.01-.02l-.092-.16a14 14 0 0 0-1.022-1.503l-.004-.006c-1.397-1.811-3.49-3.809-6.005-5.595C10.73 7.816 8.15 6.557 6.153 6.029l-.17-.044l-.01-.002c-.954-.235-1.712-.282-2.25-.186a1.7 1.7 0 0 0-.513.168a.8.8 0 0 0-.36.371c-.113.24-.142.608-.024 1.111q.054.235.157.516a7 7 0 0 0 .33.75l.03.057l.106.199c.293.534.676 1.112 1.145 1.72l.003.004a23 23 0 0 0 1.783 2.028l.432.434l.024-.308c.1-1.286.15-1.929.587-2.158c.436-.23.97.107 2.036.78l.276.174c.303.191.454.287.629.31c.174.025.352-.026.707-.127l.324-.092c1.251-.355 1.877-.533 2.212-.198c.335.334.157.96-.199 2.211l-.092.324c-.1.355-.151.533-.127.708s.12.326.31.629l.174.276c.673 1.066 1.01 1.6.78 2.035s-.872.487-2.158.587l-.333.026c-.365.029-.548.043-.708.127s-.278.228-.515.516l-.216.263c-.836 1.014-1.254 1.522-1.73 1.456c-.476-.065-.696-.66-1.135-1.848l-.114-.308c-.125-.338-.187-.507-.31-.63c-.123-.122-.292-.185-.63-.31l-.307-.113c-1.19-.44-1.784-.66-1.849-1.136s.442-.894 1.457-1.729l.139-.115a61 61 0 0 1-.732-.732a23 23 0 0 1-2.169-2.517a17 17 0 0 1-.689-1.018a13 13 0 0 1-.443-.779l-.097-.192a8 8 0 0 1-.34-.788a6 6 0 0 1-.207-.684c-.176-.746-.17-1.467.125-2.096A2.3 2.3 0 0 1 2.63 4.58c.28-.133.588-.221.908-.272c.86-.136 1.89-.02 2.997.272c2.222.587 4.967 1.945 7.73 3.908c2.765 1.964 5.08 4.2 6.583 6.247c.498.677.916 1.345 1.231 1.986a9 9 0 0 1 .4.954c.306.902.4 1.835.028 2.627c-.272.58-.726.956-1.27 1.179q-.331.134-.696.2a4.6 4.6 0 0 1-.751.07q-.219.003-.45-.01a8 8 0 0 1-.943-.112c-.824-.144-1.727-.412-2.671-.781a.75.75 0 1 1 .546-1.397"/><path fill="#818cf8" fill-rule="evenodd" d="M19.665 2.409a.75.75 0 0 1 .13 1.053l-.111.142a3.6 3.6 0 0 0 .87 1.756a.75.75 0 0 1-1.108 1.01a5.1 5.1 0 0 1-1.021-1.697a3.7 3.7 0 0 1-.687.32c.326.591.532 1.247.605 1.927a.75.75 0 0 1-1.492.16a3.6 3.6 0 0 0-.718-1.811l-.158-.006a.75.75 0 0 1 .05-1.499l.408.014c.526-.104.797-.18 1.031-.29c.235-.112.47-.275.891-.62l.258-.33a.75.75 0 0 1 1.052-.13" clip-rule="evenodd"/></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. StarRingBoldIcon.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.