Ring icon
openmoji:ring
The Ring icon (openmoji:ring) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M37.625 25.042c8.8 0 15.958 7.159 15.958 15.958s-7.158 15.958-15.958 15.958S21.667 49.8 21.667 41s7.159-15.958 15.958-15.958m0-4c-11.023 0-19.958 8.935-19.958 19.958s8.935 19.958 19.958 19.958S57.583 52.023 57.583 41s-8.935-19.958-19.958-19.958"/><path fill="#61b2e4" d="M41.314 17h-7.668l-1-5.043h9.668z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><circle cx="37.625" cy="41" r="19.958"/><path d="m27.933 11.958l3.25 6.47m15.692-6.471l-3.25 6.469M41.314 17h-7.668l-1-5.043h9.668z"/></g></svg>
How to use the Ring icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:ring" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:ring" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:ring" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--ring]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:ring"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:ring"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/ring.svg" alt="Ring icon" width="24" height="24">
Related icons in OpenMoji
Ring icon in other icon sets
Ring icon FAQ
Is the Ring icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Ring icon in React?
Install @iconify/react and render <Icon icon="openmoji:ring" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ring icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/ring.svg" alt="Ring icon">, or paste the SVG code inline to style it with CSS.
Browse all OpenMoji icons →
ICONYZ
