ring emoji
ring from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- ring
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
ringEmoji One (Colored)ringFont Awesome 6 SolidringFont Awesome SolidringFluent EmojiringFluent Emoji High ContrastringFirefox OS Emojiringcss.ggringIconParkringIconPark OutlineringIconPark SolidringIconPark TwoToneringLine AwesomeringMaterial Design IconsringNoto EmojiringOpenMojiringSimple IconsringWeb3 IconsringWeb3 Icons BrandedringTwitter Emoji
More objects icons from Fluent Emoji Flat
Use the ring emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M17.912 2h-4.65c-.21 0-.42.09-.55.26l-1.89 2.26c-.18.21-.22.51-.1.76l2.02 4.48c.12.26.37.43.66.43h4.39c.28 0 .54-.17.66-.43l2.02-4.48c.11-.25.07-.55-.1-.76l-1.89-2.26a.78.78 0 0 0-.57-.26"/><path fill="#26eafc" d="M20.502 4.83a.64.64 0 0 0-.15-.31l-1.89-2.26a.74.74 0 0 0-.55-.26h-4.65c-.21 0-.42.09-.55.26l-1.89 2.26c-.08.09-.13.2-.15.31z"/><path fill="#b4acbc" d="M19.212 8.53V8.1h-7.23v.43c0 .54-.32 1.02-.8 1.24c-3.79 1.74-6.38 5.65-6.17 10.13c.26 5.56 4.85 10.01 10.41 10.1c5.92.1 10.77-4.7 10.77-10.6c0-4.27-2.54-7.96-6.19-9.64c-.48-.22-.79-.7-.79-1.23m-3.62 18.4c-4.15 0-7.53-3.38-7.53-7.53s3.38-7.53 7.53-7.53s7.53 3.38 7.53 7.53s-3.38 7.53-7.53 7.53"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatRing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M17.912 2h-4.65c-.21 0-.42.09-.55.26l-1.89 2.26c-.18.21-.22.51-.1.76l2.02 4.48c.12.26.37.43.66.43h4.39c.28 0 .54-.17.66-.43l2.02-4.48c.11-.25.07-.55-.1-.76l-1.89-2.26a.78.78 0 0 0-.57-.26"/><path fill="#26eafc" d="M20.502 4.83a.64.64 0 0 0-.15-.31l-1.89-2.26a.74.74 0 0 0-.55-.26h-4.65c-.21 0-.42.09-.55.26l-1.89 2.26c-.08.09-.13.2-.15.31z"/><path fill="#b4acbc" d="M19.212 8.53V8.1h-7.23v.43c0 .54-.32 1.02-.8 1.24c-3.79 1.74-6.38 5.65-6.17 10.13c.26 5.56 4.85 10.01 10.41 10.1c5.92.1 10.77-4.7 10.77-10.6c0-4.27-2.54-7.96-6.19-9.64c-.48-.22-.79-.7-.79-1.23m-3.62 18.4c-4.15 0-7.53-3.38-7.53-7.53s3.38-7.53 7.53-7.53s7.53 3.38 7.53 7.53s-3.38 7.53-7.53 7.53"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M17.912 2h-4.65c-.21 0-.42.09-.55.26l-1.89 2.26c-.18.21-.22.51-.1.76l2.02 4.48c.12.26.37.43.66.43h4.39c.28 0 .54-.17.66-.43l2.02-4.48c.11-.25.07-.55-.1-.76l-1.89-2.26a.78.78 0 0 0-.57-.26"/><path fill="#26eafc" d="M20.502 4.83a.64.64 0 0 0-.15-.31l-1.89-2.26a.74.74 0 0 0-.55-.26h-4.65c-.21 0-.42.09-.55.26l-1.89 2.26c-.08.09-.13.2-.15.31z"/><path fill="#b4acbc" d="M19.212 8.53V8.1h-7.23v.43c0 .54-.32 1.02-.8 1.24c-3.79 1.74-6.38 5.65-6.17 10.13c.26 5.56 4.85 10.01 10.41 10.1c5.92.1 10.77-4.7 10.77-10.6c0-4.27-2.54-7.96-6.19-9.64c-.48-.22-.79-.7-.79-1.23m-3.62 18.4c-4.15 0-7.53-3.38-7.53-7.53s3.38-7.53 7.53-7.53s7.53 3.38 7.53 7.53s-3.38 7.53-7.53 7.53"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M17.912%202h-4.65c-.21%200-.42.09-.55.26l-1.89%202.26c-.18.21-.22.51-.1.76l2.02%204.48c.12.26.37.43.66.43h4.39c.28%200%20.54-.17.66-.43l2.02-4.48c.11-.25.07-.55-.1-.76l-1.89-2.26a.78.78%200%200%200-.57-.26%22%2F%3E%3Cpath%20fill%3D%22%2326eafc%22%20d%3D%22M20.502%204.83a.64.64%200%200%200-.15-.31l-1.89-2.26a.74.74%200%200%200-.55-.26h-4.65c-.21%200-.42.09-.55.26l-1.89%202.26c-.08.09-.13.2-.15.31z%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M19.212%208.53V8.1h-7.23v.43c0%20.54-.32%201.02-.8%201.24c-3.79%201.74-6.38%205.65-6.17%2010.13c.26%205.56%204.85%2010.01%2010.41%2010.1c5.92.1%2010.77-4.7%2010.77-10.6c0-4.27-2.54-7.96-6.19-9.64c-.48-.22-.79-.7-.79-1.23m-3.62%2018.4c-4.15%200-7.53-3.38-7.53-7.53s3.38-7.53%207.53-7.53s7.53%203.38%207.53%207.53s-3.38%207.53-7.53%207.53%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M17.912%202h-4.65c-.21%200-.42.09-.55.26l-1.89%202.26c-.18.21-.22.51-.1.76l2.02%204.48c.12.26.37.43.66.43h4.39c.28%200%20.54-.17.66-.43l2.02-4.48c.11-.25.07-.55-.1-.76l-1.89-2.26a.78.78%200%200%200-.57-.26%22%2F%3E%3Cpath%20fill%3D%22%2326eafc%22%20d%3D%22M20.502%204.83a.64.64%200%200%200-.15-.31l-1.89-2.26a.74.74%200%200%200-.55-.26h-4.65c-.21%200-.42.09-.55.26l-1.89%202.26c-.08.09-.13.2-.15.31z%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M19.212%208.53V8.1h-7.23v.43c0%20.54-.32%201.02-.8%201.24c-3.79%201.74-6.38%205.65-6.17%2010.13c.26%205.56%204.85%2010.01%2010.41%2010.1c5.92.1%2010.77-4.7%2010.77-10.6c0-4.27-2.54-7.96-6.19-9.64c-.48-.22-.79-.7-.79-1.23m-3.62%2018.4c-4.15%200-7.53-3.38-7.53-7.53s3.38-7.53%207.53-7.53s7.53%203.38%207.53%207.53s-3.38%207.53-7.53%207.53%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/ring.svg?color=%231a73e8&size=48
