Ring icon

emojione-v1:ring

The Ring icon (emojione-v1:ring) is a free SVG icon from the Emoji One (v1) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (v1) 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: Emoji One (v1)
Author: Emoji One
License: CC-BY-SA-4.0
Size: 64 × 64
Category: People

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f6921e" d="M38.02 5.134c-7.897 1.391-15.825 5.801-22.322 12.418c-6.4 6.519-10.617 14.384-11.876 22.15c-1.258 7.771.592 14.505 5.214 18.97c4.549 4.402 11.271 6.083 18.933 4.734h.002c7.895-1.389 15.82-5.797 22.315-12.416c6.403-6.519 10.619-14.384 11.875-22.15c1.259-7.769-.592-14.505-5.212-18.968C52.4 5.47 45.677 3.79 38.02 5.136m-8.96 51.936c-5.992 1.055-11.254-.261-14.813-3.7c-7.462-7.215-5.126-21.652 5.214-32.18c5.084-5.176 11.286-8.628 17.467-9.715c5.989-1.053 11.254.264 14.812 3.704c7.465 7.215 5.12 21.651-5.214 32.18c-5.085 5.174-11.286 8.628-17.466 9.713"/><g fill="#dc8027"><path d="M5.875 41.745c1.258-7.765 5.478-15.634 11.873-22.15c6.498-6.619 14.423-11.03 22.322-12.418c7.162-1.258 13.502.128 18.02 3.912a17 17 0 0 0-1.135-1.223c-4.549-4.398-11.271-6.078-18.93-4.731c-7.897 1.391-15.825 5.801-22.322 12.418c-6.4 6.518-10.617 14.383-11.876 22.15c-1.258 7.771.596 14.503 5.214 18.97q.444.43.919.824c-3.779-4.429-5.233-10.656-4.081-17.751"/><path d="M31.11 59.11c6.178-1.084 12.38-4.534 17.462-9.712c10.34-10.531 12.68-24.965 5.216-32.18c-.3-.287-.619-.56-.941-.82c6.075 7.533 3.46 20.99-6.324 30.957c-5.077 5.178-11.285 8.632-17.464 9.717c-5.489.965-10.356-.063-13.876-2.884c.348.426.709.836 1.112 1.225c3.558 3.44 8.821 4.755 14.815 3.699"/></g><path fill="#3bc5f1" d="M29.532.233L38.123 10l-3.184 4.01l-6.783 2.032s-4.188-.787-4.262-1.317c-.075-.531-3.142-4.818-2.544-5.292c.591-.472 3.366-4.375 3.509-4.467c.143-.088 4.673-4.729 4.673-4.729M.084 25.426l9.61 10.934l7.571-2.756l-.021-13.353l-6.174-1.606l-7.479 3.445z"/><path fill="#00a5d7" d="M26.14 14.05L29.578.03l.016-.023l-8.959.692l-1.248 1.057l-16.1 13.712l-1.246 1.059l-2.02 8.664l14.639-1.336c1.834-4.36 6.779-8.76 11.479-9.802"/><path fill="#3bc5f1" d="M29.484.044L20.593.73l-1.245 1.059L3.253 15.497L2.01 16.561L0 25.15z"/><path fill="#00a5d7" d="m21.397 16.14l-2.565-7.03l-7.462-.533l-.361 7.194l6.552 3.654a20 20 0 0 1 3.836-3.289"/><path fill="#3bc5f1" d="m21.422 16.13l-2.531-6.929l-7.811 6.653l6.462 3.601a20 20 0 0 1 3.88-3.325"/><path fill="#00a5d7" d="m23.802 11.718l14.329-1.774l.023-.015l-1.729 8.821l-1.199 1.111l-15.493 14.39l-1.2 1.114l-8.84.994l3.035-14.379c4.547-1.317 9.493-5.709 11.07-10.262"/><path fill="#3bc5f1" d="m38.12 10l-1.715 8.754l-1.195 1.116l-15.493 14.38l-1.2 1.12l-8.775.99z"/><path fill="#00a5d7" d="m21.17 16.191l6.68 3.366l-.34 7.475l-7.189-.484l-2.863-6.932a20 20 0 0 0 3.712-3.425"/><path fill="#3bc5f1" d="m21.19 16.17l6.585 3.322l-7.519 6.982l-2.819-6.837a20 20 0 0 0 3.753-3.467"/></svg>

How to use the Ring icon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-v1:ring" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-v1:ring" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-v1:ring" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--ring]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:ring"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-v1:ring"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-v1/ring.svg" alt="Ring icon" width="24" height="24">

Related icons in Emoji One (v1)

Ring icon in other icon sets

Ring icon FAQ

Is the Ring icon free for commercial use?

Yes. Emoji One (v1) 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="emojione-v1: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/emojione-v1/ring.svg" alt="Ring icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (v1) icons →