ring emoji
ring from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- ring
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
ringEmoji One (Colored)ringFont Awesome 6 SolidringFont Awesome SolidringFluent EmojiringFluent Emoji FlatringFluent Emoji High ContrastringFirefox OS Emojiringcss.ggringIconParkringIconPark OutlineringIconPark SolidringIconPark TwoToneringLine AwesomeringMaterial Design IconsringNoto EmojiringOpenMojiringSimple IconsringWeb3 IconsringWeb3 Icons Branded
More objects icons from Twitter Emoji
Use the ring emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#9aaab4" d="M18 12c-6.627 0-12 5.373-12 12s5.373 12 12 12s12-5.373 12-12s-5.373-12-12-12m0 20a8 8 0 1 1 0-16a8 8 0 0 1 0 16"/><path fill="#5dadec" d="m29 5l-4-5H11L7 5l11 9z"/><path fill="#8ccaf7" d="m29 5l-4-5H11L7 5h11z"/><path fill="#5dadec" d="m29 5l-4-5h-7v5h1z"/><path fill="#8ccaf7" d="M18 5h11l-11 9z"/><path fill="#9aaab4" d="M25 13a3 3 0 0 1-3 3h-8a3 3 0 1 1 0-6h8a3 3 0 0 1 3 3"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiRing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#9aaab4" d="M18 12c-6.627 0-12 5.373-12 12s5.373 12 12 12s12-5.373 12-12s-5.373-12-12-12m0 20a8 8 0 1 1 0-16a8 8 0 0 1 0 16"/><path fill="#5dadec" d="m29 5l-4-5H11L7 5l11 9z"/><path fill="#8ccaf7" d="m29 5l-4-5H11L7 5h11z"/><path fill="#5dadec" d="m29 5l-4-5h-7v5h1z"/><path fill="#8ccaf7" d="M18 5h11l-11 9z"/><path fill="#9aaab4" d="M25 13a3 3 0 0 1-3 3h-8a3 3 0 1 1 0-6h8a3 3 0 0 1 3 3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#9aaab4" d="M18 12c-6.627 0-12 5.373-12 12s5.373 12 12 12s12-5.373 12-12s-5.373-12-12-12m0 20a8 8 0 1 1 0-16a8 8 0 0 1 0 16"/><path fill="#5dadec" d="m29 5l-4-5H11L7 5l11 9z"/><path fill="#8ccaf7" d="m29 5l-4-5H11L7 5h11z"/><path fill="#5dadec" d="m29 5l-4-5h-7v5h1z"/><path fill="#8ccaf7" d="M18 5h11l-11 9z"/><path fill="#9aaab4" d="M25 13a3 3 0 0 1-3 3h-8a3 3 0 1 1 0-6h8a3 3 0 0 1 3 3"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M18%2012c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012s12-5.373%2012-12s-5.373-12-12-12m0%2020a8%208%200%201%201%200-16a8%208%200%200%201%200%2016%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22m29%205l-4-5H11L7%205l11%209z%22%2F%3E%3Cpath%20fill%3D%22%238ccaf7%22%20d%3D%22m29%205l-4-5H11L7%205h11z%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22m29%205l-4-5h-7v5h1z%22%2F%3E%3Cpath%20fill%3D%22%238ccaf7%22%20d%3D%22M18%205h11l-11%209z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M25%2013a3%203%200%200%201-3%203h-8a3%203%200%201%201%200-6h8a3%203%200%200%201%203%203%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%2036%2036%22%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M18%2012c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012s12-5.373%2012-12s-5.373-12-12-12m0%2020a8%208%200%201%201%200-16a8%208%200%200%201%200%2016%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22m29%205l-4-5H11L7%205l11%209z%22%2F%3E%3Cpath%20fill%3D%22%238ccaf7%22%20d%3D%22m29%205l-4-5H11L7%205h11z%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22m29%205l-4-5h-7v5h1z%22%2F%3E%3Cpath%20fill%3D%22%238ccaf7%22%20d%3D%22M18%205h11l-11%209z%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M25%2013a3%203%200%200%201-3%203h-8a3%203%200%201%201%200-6h8a3%203%200%200%201%203%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/ring.svg?color=%231a73e8&size=48
