Home/Libraries/OpenMoji (Iconify)/ring-buoy

OpenMoji (Iconify)

RingBuoy

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="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.874 15.048C2.356 28.195 4.886 45.965 15.45 56.301a30.36 30.36 0 0 0 29.301 7.354c24.894-10.388 23.722-34.762 11.526-47.931c-9.11-9.836-24.4-13.299-39.402-.676"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.874 15.048C2.356 28.195 4.886 45.965 15.45 56.301a30.36 30.36 0 0 0 29.301 7.354c24.894-10.388 23.722-34.762 11.526-47.931c-9.11-9.836-24.4-13.299-39.402-.676"/><path fill="#ea5a47" d="M36 11a25 25 0 1 0 25 25a25 25 0 0 0-25-25m0 39.987A14.988 14.988 0 1 1 50.988 36A14.99 14.99 0 0 1 36 50.987"/><path fill="#fff" d="M20.857 15.048a24.3 24.3 0 0 0-5.843 5.843l7.827 7.819a13.5 13.5 0 0 1 5.563-5.696Zm36.204 5.832a24.6 24.6 0 0 0-5.9-5.9l-7.89 7.889a13.64 13.64 0 0 1 5.905 5.898Zm-5.948 36.106a24.3 24.3 0 0 0 5.843-5.843l-7.826-7.82a13.5 13.5 0 0 1-5.563 5.697Zm-36.321-5.638a25 25 0 0 0 6 6l8.024-8.023a13.87 13.87 0 0 1-6.005-5.997Z"/><path fill="#d22f27" d="m49.199 43.324l2.315 2.313a18.08 18.08 0 0 0-.078-19.062l-2.19 2.191a13.63 13.63 0 0 0-5.906-5.897l2.181-2.181a18.08 18.08 0 0 0-19.18.076l2.131 2.25a13.5 13.5 0 0 0-5.562 5.696l-2.273-2.271a18.09 18.09 0 0 0-.125 19.257l2.368-2.369a13.87 13.87 0 0 0 6.005 5.998l-2.362 2.361a18.1 18.1 0 0 0 19.385-.268l-2.272-2.398a13.5 13.5 0 0 0 5.563-5.696M21.104 36A14.988 14.988 0 1 1 36.09 50.987A14.99 14.99 0 0 1 21.104 36"/><path fill="#d0cfce" d="m28.551 22.841l-2.131-2.249a18.3 18.3 0 0 0-5.705 5.675l2.273 2.27a13.5 13.5 0 0 1 5.563-5.696m20.772 5.753l2.191-2.191a18.26 18.26 0 0 0-5.914-5.887l-2.181 2.18a13.63 13.63 0 0 1 5.904 5.898m2.269 16.871l-2.315-2.314a13.5 13.5 0 0 1-5.563 5.697l2.272 2.398a18.3 18.3 0 0 0 5.606-5.781m-28.634-2.31l-2.368 2.369a18.26 18.26 0 0 0 6.012 5.99l2.361-2.361a13.87 13.87 0 0 1-6.005-5.998"/><g stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path fill="none" d="M15.361 50.112a25.01 25.01 0 0 1-.091-28.09m34.813 34.637a25.01 25.01 0 0 1-28.06.071m34.606-34.857a25.01 25.01 0 0 1 .101 28.105M21.874 15.37a25.01 25.01 0 0 1 28.104-.1m-29.121-.222a24.3 24.3 0 0 0-5.843 5.843l7.827 7.819a13.5 13.5 0 0 1 5.563-5.696Z"/><path d="m18.33 16.405l-1.992-2.103a7.7 7.7 0 0 0-1.851 1.851l2.05 2.048m39.173-.016l2.104-1.993a7.7 7.7 0 0 0-1.85-1.85l-2.049 2.05m.055 39.255l1.993 2.103a7.7 7.7 0 0 0 1.851-1.85l-2.05-2.049m-39.61.216l-2.103 1.992a7.7 7.7 0 0 0 1.85 1.851l2.048-2.05"/><path fill="none" d="M57.061 20.88a24.6 24.6 0 0 0-5.9-5.9l-7.89 7.889a13.64 13.64 0 0 1 5.905 5.898Zm-5.948 36.106a24.3 24.3 0 0 0 5.843-5.843l-7.826-7.82a13.5 13.5 0 0 1-5.563 5.697Zm-36.321-5.638a25 25 0 0 0 6 6l8.024-8.023a13.87 13.87 0 0 1-6.005-5.997Z"/><circle cx="36" cy="36.17" r="14.988" fill="none"/></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. RingBuoyIcon.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.