Home/Libraries/Firefox OS Emoji (Iconify)/ring

Firefox OS Emoji (Iconify)

Ring

License: Apache-2.0Commercial Safe

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 72 72"><path fill="#818cf8" d="m40.8 11.9l1.9 2.4l4.9-6.8s.1-.2.1-.3h-5.1z"/><path fill="#818cf8" d="M31.4 7.2h-5.1c0 .2.3.6.3.6l4.7 6.6l1.9-2.4z"/><path fill="#818cf8" d="M34.2 3.6L31.5.2q-.15-.15-.3 0l-4.7 6.6c-.1.1 0 .4.1.4h4.8z"/><path fill="#818cf8" d="M42.5 7.2h4.8c.2 0 .2-.2.1-.4L42.6 0l-2.9 3.6z"/><path fill="#818cf8" d="m37 7.2l3.8 4.7l1.7-4.7zm-5.6 0l1.8 4.7L37 7.2z"/><path fill="#818cf8" d="m34.2 3.6l-2.8 3.6H37z"/><path fill="#818cf8" d="M39.8 3.6L37 7.2h5.5z"/><path fill="#818cf8" d="M42.6 0H37l2.8 3.6zM37 0h-5.3c-.1 0-.3 0-.3.1l2.8 3.5z"/><path fill="#818cf8" d="m37 7.2l2.8-3.6L37 0l-2.8 3.6z"/><path fill="#818cf8" d="m40.8 11.9l-.9 2.4h2.7z"/><path fill="#818cf8" d="m33.2 11.9l-1.9 2.4H34z"/><path fill="#818cf8" d="m33.2 11.9l.8 2.4h5.9l.9-2.4L37 7.2z"/><path fill="#818cf8" d="m40.3 13.8l2.3-3.6c.2-.3.1-.7-.2-.9s-.7-.1-.9.2l-2.2 3.4h-4.5l-2.2-3.4c-.2-.3-.6-.4-.9-.2s-.4.6-.2.9l2.3 3.6C19.4 15.7 8.3 27.9 8.3 42.6c0 15.9 13 28.9 28.9 28.9s28.9-13 28.9-28.9c0-14.9-11.3-27.2-25.8-28.8m-3.1 53.7c-13.7 0-24.9-11.2-24.9-24.9s11.2-24.9 24.9-24.9s24.9 11.2 24.9 24.9S51 67.5 37.2 67.5"/><path fill="#818cf8" d="M52.1 7.3c1.9.5 3.4 2 3.9 3.9c0 .2.3.2.3 0c.5-1.9 2-3.4 3.9-3.9c.2 0 .2-.3 0-.3c-1.9-.5-3.4-2-3.9-3.9c0-.2-.3-.2-.3 0c-.6 1.9-2 3.4-3.9 3.9c-.2 0-.2.3 0 .3M9.3 12c3.3.8 6 3.5 6.8 6.8c.1.3.5.3.6 0c.8-3.3 3.5-6 6.8-6.8c.3-.1.3-.5 0-.6c-3.3-.8-6-3.5-6.8-6.8c-.1-.3-.5-.3-.6 0c-.8 3.3-3.5 6-6.8 6.8c-.3.1-.3.6 0 .6"/></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. RingIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.