ring emoji
ring from Firefox OS Emoji by Mozilla · Default · People · Apache-2.0 Free for personal and commercial use.
- Name
- ring
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- People
- Viewbox
- 72×72
- License
- Apache 2.0
The same emoji in other sets
ringEmoji One (Colored)ringFont Awesome 6 SolidringFont Awesome SolidringFluent EmojiringFluent Emoji FlatringFluent Emoji High Contrastringcss.ggringIconParkringIconPark OutlineringIconPark SolidringIconPark TwoToneringLine AwesomeringMaterial Design IconsringNoto EmojiringOpenMojiringSimple IconsringWeb3 IconsringWeb3 Icons BrandedringTwitter Emoji
More people icons from Firefox OS Emoji
Use the ring emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#59CAFC" d="m40.8 11.9l1.9 2.4l4.9-6.8s.1-.2.1-.3h-5.1z"/><path fill="#0096D1" d="M31.4 7.2h-5.1c0 .2.3.6.3.6l4.7 6.6l1.9-2.4z"/><path fill="#00B1FF" d="M34.2 3.6L31.5.2q-.15-.15-.3 0l-4.7 6.6c-.1.1 0 .4.1.4h4.8z"/><path fill="#76DFFF" d="M42.5 7.2h4.8c.2 0 .2-.2.1-.4L42.6 0l-2.9 3.6z"/><path fill="#00B1FF" d="m37 7.2l3.8 4.7l1.7-4.7zm-5.6 0l1.8 4.7L37 7.2z"/><path fill="#27C7FF" d="m34.2 3.6l-2.8 3.6H37z"/><path fill="#B0E9FF" d="M39.8 3.6L37 7.2h5.5z"/><path fill="#59CAFC" d="M42.6 0H37l2.8 3.6zM37 0h-5.3c-.1 0-.3 0-.3.1l2.8 3.5z"/><path fill="#76DFFF" d="m37 7.2l2.8-3.6L37 0l-2.8 3.6z"/><path fill="#00B1FF" d="m40.8 11.9l-.9 2.4h2.7z"/><path fill="#0074A8" d="m33.2 11.9l-1.9 2.4H34z"/><path fill="#0096D1" d="m33.2 11.9l.8 2.4h5.9l.9-2.4L37 7.2z"/><path fill="#D1CFC3" 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="#B0E9FF" 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>
React
import type { SVGProps } from "react";
export function FxemojiRing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#59CAFC" d="m40.8 11.9l1.9 2.4l4.9-6.8s.1-.2.1-.3h-5.1z"/><path fill="#0096D1" d="M31.4 7.2h-5.1c0 .2.3.6.3.6l4.7 6.6l1.9-2.4z"/><path fill="#00B1FF" d="M34.2 3.6L31.5.2q-.15-.15-.3 0l-4.7 6.6c-.1.1 0 .4.1.4h4.8z"/><path fill="#76DFFF" d="M42.5 7.2h4.8c.2 0 .2-.2.1-.4L42.6 0l-2.9 3.6z"/><path fill="#00B1FF" d="m37 7.2l3.8 4.7l1.7-4.7zm-5.6 0l1.8 4.7L37 7.2z"/><path fill="#27C7FF" d="m34.2 3.6l-2.8 3.6H37z"/><path fill="#B0E9FF" d="M39.8 3.6L37 7.2h5.5z"/><path fill="#59CAFC" d="M42.6 0H37l2.8 3.6zM37 0h-5.3c-.1 0-.3 0-.3.1l2.8 3.5z"/><path fill="#76DFFF" d="m37 7.2l2.8-3.6L37 0l-2.8 3.6z"/><path fill="#00B1FF" d="m40.8 11.9l-.9 2.4h2.7z"/><path fill="#0074A8" d="m33.2 11.9l-1.9 2.4H34z"/><path fill="#0096D1" d="m33.2 11.9l.8 2.4h5.9l.9-2.4L37 7.2z"/><path fill="#D1CFC3" 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="#B0E9FF" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#59CAFC" d="m40.8 11.9l1.9 2.4l4.9-6.8s.1-.2.1-.3h-5.1z"/><path fill="#0096D1" d="M31.4 7.2h-5.1c0 .2.3.6.3.6l4.7 6.6l1.9-2.4z"/><path fill="#00B1FF" d="M34.2 3.6L31.5.2q-.15-.15-.3 0l-4.7 6.6c-.1.1 0 .4.1.4h4.8z"/><path fill="#76DFFF" d="M42.5 7.2h4.8c.2 0 .2-.2.1-.4L42.6 0l-2.9 3.6z"/><path fill="#00B1FF" d="m37 7.2l3.8 4.7l1.7-4.7zm-5.6 0l1.8 4.7L37 7.2z"/><path fill="#27C7FF" d="m34.2 3.6l-2.8 3.6H37z"/><path fill="#B0E9FF" d="M39.8 3.6L37 7.2h5.5z"/><path fill="#59CAFC" d="M42.6 0H37l2.8 3.6zM37 0h-5.3c-.1 0-.3 0-.3.1l2.8 3.5z"/><path fill="#76DFFF" d="m37 7.2l2.8-3.6L37 0l-2.8 3.6z"/><path fill="#00B1FF" d="m40.8 11.9l-.9 2.4h2.7z"/><path fill="#0074A8" d="m33.2 11.9l-1.9 2.4H34z"/><path fill="#0096D1" d="m33.2 11.9l.8 2.4h5.9l.9-2.4L37 7.2z"/><path fill="#D1CFC3" 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="#B0E9FF" 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> </template>
CSS
.icon-ring {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%2359CAFC%22%20d%3D%22m40.8%2011.9l1.9%202.4l4.9-6.8s.1-.2.1-.3h-5.1z%22%2F%3E%3Cpath%20fill%3D%22%230096D1%22%20d%3D%22M31.4%207.2h-5.1c0%20.2.3.6.3.6l4.7%206.6l1.9-2.4z%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22M34.2%203.6L31.5.2q-.15-.15-.3%200l-4.7%206.6c-.1.1%200%20.4.1.4h4.8z%22%2F%3E%3Cpath%20fill%3D%22%2376DFFF%22%20d%3D%22M42.5%207.2h4.8c.2%200%20.2-.2.1-.4L42.6%200l-2.9%203.6z%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22m37%207.2l3.8%204.7l1.7-4.7zm-5.6%200l1.8%204.7L37%207.2z%22%2F%3E%3Cpath%20fill%3D%22%2327C7FF%22%20d%3D%22m34.2%203.6l-2.8%203.6H37z%22%2F%3E%3Cpath%20fill%3D%22%23B0E9FF%22%20d%3D%22M39.8%203.6L37%207.2h5.5z%22%2F%3E%3Cpath%20fill%3D%22%2359CAFC%22%20d%3D%22M42.6%200H37l2.8%203.6zM37%200h-5.3c-.1%200-.3%200-.3.1l2.8%203.5z%22%2F%3E%3Cpath%20fill%3D%22%2376DFFF%22%20d%3D%22m37%207.2l2.8-3.6L37%200l-2.8%203.6z%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22m40.8%2011.9l-.9%202.4h2.7z%22%2F%3E%3Cpath%20fill%3D%22%230074A8%22%20d%3D%22m33.2%2011.9l-1.9%202.4H34z%22%2F%3E%3Cpath%20fill%3D%22%230096D1%22%20d%3D%22m33.2%2011.9l.8%202.4h5.9l.9-2.4L37%207.2z%22%2F%3E%3Cpath%20fill%3D%22%23D1CFC3%22%20d%3D%22m40.3%2013.8l2.3-3.6c.2-.3.1-.7-.2-.9s-.7-.1-.9.2l-2.2%203.4h-4.5l-2.2-3.4c-.2-.3-.6-.4-.9-.2s-.4.6-.2.9l2.3%203.6C19.4%2015.7%208.3%2027.9%208.3%2042.6c0%2015.9%2013%2028.9%2028.9%2028.9s28.9-13%2028.9-28.9c0-14.9-11.3-27.2-25.8-28.8m-3.1%2053.7c-13.7%200-24.9-11.2-24.9-24.9s11.2-24.9%2024.9-24.9s24.9%2011.2%2024.9%2024.9S51%2067.5%2037.2%2067.5%22%2F%3E%3Cpath%20fill%3D%22%23B0E9FF%22%20d%3D%22M52.1%207.3c1.9.5%203.4%202%203.9%203.9c0%20.2.3.2.3%200c.5-1.9%202-3.4%203.9-3.9c.2%200%20.2-.3%200-.3c-1.9-.5-3.4-2-3.9-3.9c0-.2-.3-.2-.3%200c-.6%201.9-2%203.4-3.9%203.9c-.2%200-.2.3%200%20.3M9.3%2012c3.3.8%206%203.5%206.8%206.8c.1.3.5.3.6%200c.8-3.3%203.5-6%206.8-6.8c.3-.1.3-.5%200-.6c-3.3-.8-6-3.5-6.8-6.8c-.1-.3-.5-.3-.6%200c-.8%203.3-3.5%206-6.8%206.8c-.3.1-.3.6%200%20.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%2359CAFC%22%20d%3D%22m40.8%2011.9l1.9%202.4l4.9-6.8s.1-.2.1-.3h-5.1z%22%2F%3E%3Cpath%20fill%3D%22%230096D1%22%20d%3D%22M31.4%207.2h-5.1c0%20.2.3.6.3.6l4.7%206.6l1.9-2.4z%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22M34.2%203.6L31.5.2q-.15-.15-.3%200l-4.7%206.6c-.1.1%200%20.4.1.4h4.8z%22%2F%3E%3Cpath%20fill%3D%22%2376DFFF%22%20d%3D%22M42.5%207.2h4.8c.2%200%20.2-.2.1-.4L42.6%200l-2.9%203.6z%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22m37%207.2l3.8%204.7l1.7-4.7zm-5.6%200l1.8%204.7L37%207.2z%22%2F%3E%3Cpath%20fill%3D%22%2327C7FF%22%20d%3D%22m34.2%203.6l-2.8%203.6H37z%22%2F%3E%3Cpath%20fill%3D%22%23B0E9FF%22%20d%3D%22M39.8%203.6L37%207.2h5.5z%22%2F%3E%3Cpath%20fill%3D%22%2359CAFC%22%20d%3D%22M42.6%200H37l2.8%203.6zM37%200h-5.3c-.1%200-.3%200-.3.1l2.8%203.5z%22%2F%3E%3Cpath%20fill%3D%22%2376DFFF%22%20d%3D%22m37%207.2l2.8-3.6L37%200l-2.8%203.6z%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22m40.8%2011.9l-.9%202.4h2.7z%22%2F%3E%3Cpath%20fill%3D%22%230074A8%22%20d%3D%22m33.2%2011.9l-1.9%202.4H34z%22%2F%3E%3Cpath%20fill%3D%22%230096D1%22%20d%3D%22m33.2%2011.9l.8%202.4h5.9l.9-2.4L37%207.2z%22%2F%3E%3Cpath%20fill%3D%22%23D1CFC3%22%20d%3D%22m40.3%2013.8l2.3-3.6c.2-.3.1-.7-.2-.9s-.7-.1-.9.2l-2.2%203.4h-4.5l-2.2-3.4c-.2-.3-.6-.4-.9-.2s-.4.6-.2.9l2.3%203.6C19.4%2015.7%208.3%2027.9%208.3%2042.6c0%2015.9%2013%2028.9%2028.9%2028.9s28.9-13%2028.9-28.9c0-14.9-11.3-27.2-25.8-28.8m-3.1%2053.7c-13.7%200-24.9-11.2-24.9-24.9s11.2-24.9%2024.9-24.9s24.9%2011.2%2024.9%2024.9S51%2067.5%2037.2%2067.5%22%2F%3E%3Cpath%20fill%3D%22%23B0E9FF%22%20d%3D%22M52.1%207.3c1.9.5%203.4%202%203.9%203.9c0%20.2.3.2.3%200c.5-1.9%202-3.4%203.9-3.9c.2%200%20.2-.3%200-.3c-1.9-.5-3.4-2-3.9-3.9c0-.2-.3-.2-.3%200c-.6%201.9-2%203.4-3.9%203.9c-.2%200-.2.3%200%20.3M9.3%2012c3.3.8%206%203.5%206.8%206.8c.1.3.5.3.6%200c.8-3.3%203.5-6%206.8-6.8c.3-.1.3-.5%200-.6c-3.3-.8-6-3.5-6.8-6.8c-.1-.3-.5-.3-.6%200c-.8%203.3-3.5%206-6.8%206.8c-.3.1-.3.6%200%20.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/ring.svg?color=%231a73e8&size=48
