ring icon
ring from Line Awesome by Icons8 · Line · Tabletop Gaming · Apache-2.0 Free for personal and commercial use.
- Name
- ring
- Set
- Line Awesome
- Style
- Line
- Category
- Tabletop Gaming
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- ring-solid
The same icon in other sets
ringEmoji One (Colored)ringFont Awesome 6 SolidringFont Awesome SolidringFluent EmojiringFluent Emoji FlatringFluent Emoji High ContrastringFirefox OS Emojiringcss.ggringIconParkringIconPark OutlineringIconPark SolidringIconPark TwoToneringMaterial Design IconsringNoto EmojiringOpenMojiringSimple IconsringWeb3 IconsringWeb3 Icons BrandedringTwitter Emoji
More tabletop gaming icons from Line Awesome
Use the ring icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m26 7l-.3-.3c-1.7-1.9-4.2-2.5-4.2-2.5c-3-.9-7.7 1.1-11.898 5.198C6.102 12.7 4 16.7 4 19.7c0 .403.102.801.102 1.2c.199 2 1.5 4.101 2.597 5.101c1.403 1.398 3.2 2.102 5.2 2.102c3.3 0 7.203-1.903 10.8-5.301C28.301 17.3 29.7 10.8 26 7M10 21.7c0-1.302 1.398-4 4.398-7c2.903-2.9 5.903-3.7 7.301-4c-.699 1.902-2.199 4.198-4.398 6.402c-2.102 2-4.5 3.597-6.602 4.398c-.199.102-.5.102-.699.2m1-10.9c3.3-3.3 6.8-4.902 9-4.902c.7 0 1.3.204 1.7.602c.402.398.6 1.2.5 2.102c-1.2.097-5.302.796-9.2 4.699c-2.5 2.5-5.102 6.097-4.898 8.597c-.602 0-1.204-.199-1.5-.5a1.87 1.87 0 0 1-.5-.898S6 20 6 19.7c.102-2.5 2-6 5-8.9m10.3 10.5c-4.8 4.802-10.3 6.098-13.198 3.302a4.3 4.3 0 0 1-.602-.704c.2.102.5.102.8.102c.9 0 2-.2 3.098-.602c2.403-.898 5-2.597 7.301-4.898c3.5-3.5 5.5-7.5 5.5-10.398l.102.097l.3.2c2.797 2.902 1.399 8.3-3.3 12.902z"/></svg>
React
import type { SVGProps } from "react";
export function LaRing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m26 7l-.3-.3c-1.7-1.9-4.2-2.5-4.2-2.5c-3-.9-7.7 1.1-11.898 5.198C6.102 12.7 4 16.7 4 19.7c0 .403.102.801.102 1.2c.199 2 1.5 4.101 2.597 5.101c1.403 1.398 3.2 2.102 5.2 2.102c3.3 0 7.203-1.903 10.8-5.301C28.301 17.3 29.7 10.8 26 7M10 21.7c0-1.302 1.398-4 4.398-7c2.903-2.9 5.903-3.7 7.301-4c-.699 1.902-2.199 4.198-4.398 6.402c-2.102 2-4.5 3.597-6.602 4.398c-.199.102-.5.102-.699.2m1-10.9c3.3-3.3 6.8-4.902 9-4.902c.7 0 1.3.204 1.7.602c.402.398.6 1.2.5 2.102c-1.2.097-5.302.796-9.2 4.699c-2.5 2.5-5.102 6.097-4.898 8.597c-.602 0-1.204-.199-1.5-.5a1.87 1.87 0 0 1-.5-.898S6 20 6 19.7c.102-2.5 2-6 5-8.9m10.3 10.5c-4.8 4.802-10.3 6.098-13.198 3.302a4.3 4.3 0 0 1-.602-.704c.2.102.5.102.8.102c.9 0 2-.2 3.098-.602c2.403-.898 5-2.597 7.301-4.898c3.5-3.5 5.5-7.5 5.5-10.398l.102.097l.3.2c2.797 2.902 1.399 8.3-3.3 12.902z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m26 7l-.3-.3c-1.7-1.9-4.2-2.5-4.2-2.5c-3-.9-7.7 1.1-11.898 5.198C6.102 12.7 4 16.7 4 19.7c0 .403.102.801.102 1.2c.199 2 1.5 4.101 2.597 5.101c1.403 1.398 3.2 2.102 5.2 2.102c3.3 0 7.203-1.903 10.8-5.301C28.301 17.3 29.7 10.8 26 7M10 21.7c0-1.302 1.398-4 4.398-7c2.903-2.9 5.903-3.7 7.301-4c-.699 1.902-2.199 4.198-4.398 6.402c-2.102 2-4.5 3.597-6.602 4.398c-.199.102-.5.102-.699.2m1-10.9c3.3-3.3 6.8-4.902 9-4.902c.7 0 1.3.204 1.7.602c.402.398.6 1.2.5 2.102c-1.2.097-5.302.796-9.2 4.699c-2.5 2.5-5.102 6.097-4.898 8.597c-.602 0-1.204-.199-1.5-.5a1.87 1.87 0 0 1-.5-.898S6 20 6 19.7c.102-2.5 2-6 5-8.9m10.3 10.5c-4.8 4.802-10.3 6.098-13.198 3.302a4.3 4.3 0 0 1-.602-.704c.2.102.5.102.8.102c.9 0 2-.2 3.098-.602c2.403-.898 5-2.597 7.301-4.898c3.5-3.5 5.5-7.5 5.5-10.398l.102.097l.3.2c2.797 2.902 1.399 8.3-3.3 12.902z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m26%207l-.3-.3c-1.7-1.9-4.2-2.5-4.2-2.5c-3-.9-7.7%201.1-11.898%205.198C6.102%2012.7%204%2016.7%204%2019.7c0%20.403.102.801.102%201.2c.199%202%201.5%204.101%202.597%205.101c1.403%201.398%203.2%202.102%205.2%202.102c3.3%200%207.203-1.903%2010.8-5.301C28.301%2017.3%2029.7%2010.8%2026%207M10%2021.7c0-1.302%201.398-4%204.398-7c2.903-2.9%205.903-3.7%207.301-4c-.699%201.902-2.199%204.198-4.398%206.402c-2.102%202-4.5%203.597-6.602%204.398c-.199.102-.5.102-.699.2m1-10.9c3.3-3.3%206.8-4.902%209-4.902c.7%200%201.3.204%201.7.602c.402.398.6%201.2.5%202.102c-1.2.097-5.302.796-9.2%204.699c-2.5%202.5-5.102%206.097-4.898%208.597c-.602%200-1.204-.199-1.5-.5a1.87%201.87%200%200%201-.5-.898S6%2020%206%2019.7c.102-2.5%202-6%205-8.9m10.3%2010.5c-4.8%204.802-10.3%206.098-13.198%203.302a4.3%204.3%200%200%201-.602-.704c.2.102.5.102.8.102c.9%200%202-.2%203.098-.602c2.403-.898%205-2.597%207.301-4.898c3.5-3.5%205.5-7.5%205.5-10.398l.102.097l.3.2c2.797%202.902%201.399%208.3-3.3%2012.902z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m26%207l-.3-.3c-1.7-1.9-4.2-2.5-4.2-2.5c-3-.9-7.7%201.1-11.898%205.198C6.102%2012.7%204%2016.7%204%2019.7c0%20.403.102.801.102%201.2c.199%202%201.5%204.101%202.597%205.101c1.403%201.398%203.2%202.102%205.2%202.102c3.3%200%207.203-1.903%2010.8-5.301C28.301%2017.3%2029.7%2010.8%2026%207M10%2021.7c0-1.302%201.398-4%204.398-7c2.903-2.9%205.903-3.7%207.301-4c-.699%201.902-2.199%204.198-4.398%206.402c-2.102%202-4.5%203.597-6.602%204.398c-.199.102-.5.102-.699.2m1-10.9c3.3-3.3%206.8-4.902%209-4.902c.7%200%201.3.204%201.7.602c.402.398.6%201.2.5%202.102c-1.2.097-5.302.796-9.2%204.699c-2.5%202.5-5.102%206.097-4.898%208.597c-.602%200-1.204-.199-1.5-.5a1.87%201.87%200%200%201-.5-.898S6%2020%206%2019.7c.102-2.5%202-6%205-8.9m10.3%2010.5c-4.8%204.802-10.3%206.098-13.198%203.302a4.3%204.3%200%200%201-.602-.704c.2.102.5.102.8.102c.9%200%202-.2%203.098-.602c2.403-.898%205-2.597%207.301-4.898c3.5-3.5%205.5-7.5%205.5-10.398l.102.097l.3.2c2.797%202.902%201.399%208.3-3.3%2012.902z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/ring.svg?color=%231a73e8&size=48
