rings top-level constant
String
const rings
Raw JSON definition of the DiceBear rings avatar style.
Implementation
const String rings = '''{
"\$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.2.0/dist/definition.min.json",
"\$comment": "This file was generated by the DiceBear Exporter for Figma. https://www.figma.com/community/plugin/1005765655729342787",
"meta": {
"license": {
"name": "CC0 1.0",
"url": "https://creativecommons.org/publicdomain/zero/1.0/",
"text": "„Rings” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)"
},
"creator": {
"name": "DiceBear",
"url": "https://www.dicebear.com"
},
"source": {
"name": "Rings",
"url": "https://www.dicebear.com"
}
},
"canvas": {
"elements": [
{
"name": "ring",
"type": "component"
}
],
"width": 100,
"height": 100
},
"attributes": {
"fill": "none",
"shape-rendering": "auto"
},
"components": {
"ring": {
"width": 100,
"height": 100,
"rotate": {
"min": -180,
"max": 180
},
"variants": {
"container": {
"elements": [
{
"name": "ring01",
"type": "component"
},
{
"name": "ring02",
"type": "component",
"attributes": {
"transform": "translate(10 10)"
}
},
{
"name": "ring03",
"type": "component",
"attributes": {
"transform": "translate(20 20)"
}
},
{
"name": "ring04",
"type": "component",
"attributes": {
"transform": "translate(30 30)"
}
},
{
"name": "ring05",
"type": "component",
"attributes": {
"transform": "translate(40 40)"
}
},
{
"name": "ring01",
"type": "component",
"attributes": {
"transform": "matrix(1 0 0 -1 0 100)"
}
},
{
"name": "ring02",
"type": "component",
"attributes": {
"transform": "matrix(1 0 0 -1 10 90)"
}
},
{
"name": "ring03",
"type": "component",
"attributes": {
"transform": "matrix(1 0 0 -1 20 80)"
}
},
{
"name": "ring04",
"type": "component",
"attributes": {
"transform": "matrix(1 0 0 -1 30 70)"
}
},
{
"name": "ring05",
"type": "component",
"attributes": {
"transform": "matrix(1 0 0 -1 40 60)"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "50",
"cy": "50",
"r": "45",
"stroke": "white",
"stroke-opacity": ".25",
"stroke-width": "10",
"style": "mix-blend-mode:lighten"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "50",
"cy": "50",
"r": "25",
"stroke": "white",
"stroke-opacity": ".25",
"stroke-width": "10",
"style": "mix-blend-mode:lighten"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "50",
"cy": "50",
"r": "10",
"fill": "white",
"fill-opacity": ".25",
"style": "mix-blend-mode:lighten"
}
}
]
}
}
},
"ring01": {
"width": 100,
"height": 100,
"rotate": {
"min": -180,
"max": 180
},
"variants": {
"eighth": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M21.716 21.716C14.476 28.954 10 38.955 10 50H0c0-13.807 5.596-26.307 14.645-35.355z",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
},
"full": {
"elements": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "50",
"cy": "50",
"r": "45",
"stroke": {
"type": "color",
"name": "ring"
},
"stroke-width": "10"
}
}
]
},
"half": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M50 0c27.614 0 50 22.386 50 50H90c0-22.091-17.909-40-40-40S10 27.909 10 50H0C0 22.386 22.386 0 50 0",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
},
"quarter": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M50 10c-22.091 0-40 17.909-40 40H0C0 22.386 22.386 0 50 0z",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
}
}
},
"ring02": {
"width": 80,
"height": 80,
"rotate": {
"min": -180,
"max": 180
},
"variants": {
"eighth": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M18.787 18.787C13.358 24.217 10 31.717 10 40H0c0-11.046 4.477-21.046 11.716-28.284z",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
},
"full": {
"elements": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "40",
"cy": "40",
"r": "35",
"stroke": {
"type": "color",
"name": "ring"
},
"stroke-width": "10"
}
}
]
},
"half": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M40 0c22.091 0 40 17.909 40 40H70c0-16.568-13.431-30-30-30-16.568 0-30 13.432-30 30H0C0 17.909 17.909 0 40 0",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
},
"quarter": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M40 10c-16.568 0-30 13.432-30 30H0C0 17.909 17.909 0 40 0z",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
}
}
},
"ring03": {
"width": 60,
"height": 60,
"rotate": {
"min": -180,
"max": 180
},
"variants": {
"eighth": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M15.857 15.857A19.94 19.94 0 0 0 10 30H0c0-8.285 3.358-15.784 8.787-21.213z",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
},
"full": {
"elements": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "30",
"cy": "30",
"r": "25",
"stroke": {
"type": "color",
"name": "ring"
},
"stroke-width": "10"
}
}
]
},
"half": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M30 0c16.569 0 30 13.432 30 30H50c0-11.046-8.954-20-20-20s-20 8.954-20 20H0C0 13.432 13.432 0 30 0",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
},
"quarter": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M30 10c-11.046 0-20 8.954-20 20H0C0 13.432 13.432 0 30 0z",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
}
}
},
"ring04": {
"width": 40,
"height": 40,
"rotate": {
"min": -180,
"max": 180
},
"variants": {
"eighth": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M12.929 12.93A9.97 9.97 0 0 0 9.999 20H0A19.94 19.94 0 0 1 5.857 5.858z",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
},
"full": {
"elements": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "20",
"cy": "20",
"r": "15",
"stroke": {
"type": "color",
"name": "ring"
},
"stroke-width": "10"
}
}
]
},
"half": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M20 0c11.046 0 20 8.954 20 20H30c0-5.523-4.477-10-10-10s-10 4.477-10 10H0C0 8.954 8.954 0 20 0",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
},
"quarter": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M20 10c-5.523 0-10 4.477-10 10H0C0 8.954 8.954 0 20 0z",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
}
}
},
"ring05": {
"width": 20,
"height": 20,
"rotate": {
"min": -180,
"max": 180
},
"variants": {
"eighth": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M10 10H0a9.97 9.97 0 0 1 2.929-7.07z",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
},
"full": {
"elements": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "10",
"cy": "10",
"r": "10",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
},
"half": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M10 0c5.523 0 10 4.477 10 10H0C0 4.477 4.477 0 10 0",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
},
"quarter": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M10 10H0C0 4.477 4.477 0 10 0z",
"fill": {
"type": "color",
"name": "ring"
}
}
}
]
}
}
}
},
"colors": {
"ring": {
"notEqualTo": [],
"values": [
"#f49383",
"#ed9b66",
"#dea552",
"#c6b14f",
"#a7bc61",
"#83c57d",
"#5bc99e",
"#37c9be",
"#34c5db",
"#55bef1",
"#7bb4fc",
"#9fa9fd",
"#bd9ff2",
"#d597de",
"#e791c3",
"#f290a3"
]
}
}
}''';