planets top-level constant
String
const planets
Raw JSON definition of the DiceBear planets avatar style.
Implementation
const String planets = '''{
"\$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.3.0/dist/definition.min.json",
"\$comment": "Hand-authored definition (no Figma source). Safe to edit directly.",
"meta": {
"license": {
"name": "CC0 1.0",
"url": "https://creativecommons.org/publicdomain/zero/1.0/",
"text": "„Planets” (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": "Planets",
"url": "https://www.dicebear.com"
}
},
"canvas": {
"elements": [
{
"name": "star",
"type": "component",
"attributes": {
"transform": "translate(7.5 7.5)"
}
},
{
"name": "star02",
"type": "component",
"attributes": {
"transform": "translate(32.5 7.5)"
}
},
{
"name": "star03",
"type": "component",
"attributes": {
"transform": "translate(57.5 7.5)"
}
},
{
"name": "star04",
"type": "component",
"attributes": {
"transform": "translate(82.5 7.5)"
}
},
{
"name": "star05",
"type": "component",
"attributes": {
"transform": "translate(7.5 32.5)"
}
},
{
"name": "star06",
"type": "component",
"attributes": {
"transform": "translate(82.5 32.5)"
}
},
{
"name": "star07",
"type": "component",
"attributes": {
"transform": "translate(7.5 57.5)"
}
},
{
"name": "star08",
"type": "component",
"attributes": {
"transform": "translate(82.5 57.5)"
}
},
{
"name": "star09",
"type": "component",
"attributes": {
"transform": "translate(7.5 82.5)"
}
},
{
"name": "star10",
"type": "component",
"attributes": {
"transform": "translate(32.5 82.5)"
}
},
{
"name": "star11",
"type": "component",
"attributes": {
"transform": "translate(57.5 82.5)"
}
},
{
"name": "star12",
"type": "component",
"attributes": {
"transform": "translate(82.5 82.5)"
}
},
{
"name": "planet",
"type": "component",
"attributes": {
"transform": "translate(20 20)"
}
},
{
"name": "surface",
"type": "component",
"attributes": {
"transform": "translate(16 17)"
}
},
{
"name": "shade",
"type": "component",
"attributes": {
"transform": "translate(20 20)"
}
},
{
"name": "ring",
"type": "component",
"attributes": {
"transform": "translate(2 34)"
}
},
{
"name": "moons",
"type": "component",
"attributes": {
"transform": "translate(21 21)"
}
},
{
"name": "animation",
"type": "component"
}
],
"width": 100,
"height": 100
},
"attributes": {
"fill": "none",
"shape-rendering": "auto"
},
"components": {
"moons": {
"width": 63,
"height": 50,
"probability": 65,
"translate": {
"x": {
"min": -7.9365,
"max": 7.9365
},
"y": {
"min": -10,
"max": 10
}
},
"variants": {
"one": {
"weight": 2,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-moons"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "58",
"cy": "4",
"r": "4",
"fill": {
"type": "color",
"name": "moon"
}
}
}
]
}
]
},
"two": {
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-moons"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "56",
"cy": "10",
"r": "3.5",
"fill": {
"type": "color",
"name": "moon"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "3",
"cy": "47",
"r": "2.2",
"fill": {
"type": "color",
"name": "moon"
}
}
}
]
}
]
},
"tiny": {
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-moons"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "60",
"cy": "42",
"r": "2.5",
"fill": {
"type": "color",
"name": "moon"
}
}
}
]
}
]
}
}
},
"planet": {
"width": 60,
"height": 60,
"variants": {
"disc": {
"elements": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "30",
"cy": "30",
"r": "30",
"fill": {
"type": "color",
"name": "planet"
}
}
}
]
}
}
},
"ring": {
"width": 96,
"height": 32,
"probability": 45,
"rotate": {
"min": -25,
"max": 25
},
"variants": {
"thin": {
"weight": 2,
"elements": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "mask",
"type": "element",
"attributes": {
"id": "dicebearPlanets-ring-thin"
},
"children": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#fff",
"d": "M-12-44h120V76H-12z"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M18 16a30 30 0 0 1 60 0Z",
"fill": "#000"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"mask": "url(#dicebearPlanets-ring-thin)"
},
"children": [
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "48",
"cy": "16",
"rx": "43",
"ry": "13",
"stroke": "#fff",
"stroke-opacity": ".55",
"stroke-width": "2"
}
}
]
}
]
},
"double": {
"elements": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "mask",
"type": "element",
"attributes": {
"id": "dicebearPlanets-ring-double"
},
"children": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#fff",
"d": "M-12-44h120V76H-12z"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M18 16a30 30 0 0 1 60 0Z",
"fill": "#000"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"mask": "url(#dicebearPlanets-ring-double)"
},
"children": [
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "48",
"cy": "16",
"rx": "42",
"ry": "12.5",
"stroke": "#fff",
"stroke-opacity": ".5",
"stroke-width": "1.6"
}
},
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "48",
"cy": "16",
"rx": "46.5",
"ry": "15",
"stroke": "#fff",
"stroke-opacity": ".35",
"stroke-width": "1"
}
}
]
}
]
},
"bold": {
"elements": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "mask",
"type": "element",
"attributes": {
"id": "dicebearPlanets-ring-bold"
},
"children": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#fff",
"d": "M-12-44h120V76H-12z"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M18 16a30 30 0 0 1 60 0Z",
"fill": "#000"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"mask": "url(#dicebearPlanets-ring-bold)"
},
"children": [
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "48",
"cy": "16",
"rx": "44",
"ry": "13.5",
"stroke": "#fff",
"stroke-opacity": ".4",
"stroke-width": "4"
}
}
]
}
]
}
}
},
"shade": {
"width": 61,
"height": 61,
"variants": {
"soft": {
"weight": 1,
"elements": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "radialGradient",
"type": "element",
"attributes": {
"id": "dicebearPlanets-shade",
"gradientUnits": "userSpaceOnUse",
"cx": "22",
"cy": "22",
"r": "44"
},
"children": [
{
"name": "stop",
"type": "element",
"attributes": {
"offset": "0",
"stop-color": "#fff",
"stop-opacity": ".14"
}
},
{
"name": "stop",
"type": "element",
"attributes": {
"offset": ".38",
"stop-color": "#fff",
"stop-opacity": "0"
}
},
{
"name": "stop",
"type": "element",
"attributes": {
"offset": ".55",
"stop-color": "#000",
"stop-opacity": "0"
}
},
{
"name": "stop",
"type": "element",
"attributes": {
"offset": "1",
"stop-color": "#000",
"stop-opacity": ".26"
}
}
]
}
]
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "30",
"cy": "30",
"r": "30",
"fill": "url(#dicebearPlanets-shade)"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M55.2 13.7a30 30 0 0 1-41.5 41.5 33.5 33.5 0 0 0 41.5-41.5",
"fill": "#000",
"fill-opacity": ".13"
}
}
]
},
"hard": {
"weight": 0,
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M55.2 13.7a30 30 0 0 1-41.5 41.5 33.5 33.5 0 0 0 41.5-41.5",
"fill": "#000",
"fill-opacity": ".18"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M4.8 46.3A30 30 0 0 1 46.3 4.8 33.5 33.5 0 0 0 4.8 46.3",
"fill": "#fff",
"fill-opacity": ".12"
}
}
]
}
}
},
"surface": {
"width": 68,
"height": 66,
"probability": 95,
"rotate": {
"min": -180,
"max": 180
},
"variants": {
"banded": {
"weight": 2,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-surface"
},
"children": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "clipPath",
"type": "element",
"attributes": {
"id": "dicebearPlanets-banded"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "34",
"cy": "33",
"r": "30"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"clip-path": "url(#dicebearPlanets-banded)"
},
"children": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#fff",
"fill-opacity": ".16",
"d": "M2 9h64v5.5H2z"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#000",
"fill-opacity": ".13",
"d": "M2 18h64v6.5H2z"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#fff",
"fill-opacity": ".14",
"d": "M2 29h64v8H2z"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#000",
"fill-opacity": ".15",
"d": "M2 41h64v6H2z"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#fff",
"fill-opacity": ".12",
"d": "M2 51h64v5H2z"
}
}
]
}
]
}
]
},
"belted": {
"weight": 2,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-surface"
},
"children": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "clipPath",
"type": "element",
"attributes": {
"id": "dicebearPlanets-belted"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "34",
"cy": "33",
"r": "30"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"clip-path": "url(#dicebearPlanets-belted)"
},
"children": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#fff",
"fill-opacity": ".19",
"d": "M2 23h64v8.5H2z"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#000",
"fill-opacity": ".14",
"d": "M2 35h64v6H2z"
}
}
]
}
]
}
]
},
"cratered": {
"weight": 2,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-surface"
},
"children": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "clipPath",
"type": "element",
"attributes": {
"id": "dicebearPlanets-cratered"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "34",
"cy": "33",
"r": "30"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"clip-path": "url(#dicebearPlanets-cratered)"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "24",
"cy": "21",
"r": "5",
"fill": "#000",
"fill-opacity": ".13"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "44",
"cy": "28",
"r": "4",
"fill": "#000",
"fill-opacity": ".12"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "31",
"cy": "44",
"r": "6",
"fill": "#000",
"fill-opacity": ".13"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "18",
"cy": "35",
"r": "3",
"fill": "#000",
"fill-opacity": ".12"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "42",
"cy": "47",
"r": "3.5",
"fill": "#000",
"fill-opacity": ".11"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "36",
"cy": "12",
"r": "2.5",
"fill": "#000",
"fill-opacity": ".12"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "28",
"cy": "30",
"r": "2",
"fill": "#fff",
"fill-opacity": ".1"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "47",
"cy": "38",
"r": "1.8",
"fill": "#fff",
"fill-opacity": ".1"
}
}
]
}
]
}
]
},
"swirl": {
"weight": 2,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-surface"
},
"children": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "clipPath",
"type": "element",
"attributes": {
"id": "dicebearPlanets-swirl"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "34",
"cy": "33",
"r": "30"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"clip-path": "url(#dicebearPlanets-swirl)"
},
"children": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M2 23c12-8 26 4 38 0s22-14 28-8v14c-10-4-20 8-32 10s-22-6-34-2Z",
"fill": "#fff",
"fill-opacity": ".16"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M4 45c12-6 24 4 38 1s18-7 24-3v10c-10-2-20 6-32 4s-18-4-30-2Z",
"fill": "#000",
"fill-opacity": ".12"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "44",
"cy": "19",
"r": "4.5",
"fill": "#fff",
"fill-opacity": ".18"
}
}
]
}
]
}
]
},
"cap": {
"weight": 2,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-surface"
},
"children": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "clipPath",
"type": "element",
"attributes": {
"id": "dicebearPlanets-cap"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "34",
"cy": "33",
"r": "30"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"clip-path": "url(#dicebearPlanets-cap)"
},
"children": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#fff",
"fill-opacity": ".24",
"d": "M2 3h64v12H2z"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"fill": "#000",
"fill-opacity": ".1",
"d": "M2 53h64v10H2z"
}
}
]
}
]
}
]
},
"spotted": {
"weight": 2,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-surface"
},
"children": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "clipPath",
"type": "element",
"attributes": {
"id": "dicebearPlanets-spotted"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "34",
"cy": "33",
"r": "30"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"clip-path": "url(#dicebearPlanets-spotted)"
},
"children": [
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "44",
"cy": "27",
"rx": "11",
"ry": "7",
"fill": "#000",
"fill-opacity": ".08"
}
},
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "44",
"cy": "27",
"rx": "9",
"ry": "5.5",
"fill": "#fff",
"fill-opacity": ".22"
}
},
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "44",
"cy": "27",
"rx": "5",
"ry": "3",
"fill": "#fff",
"fill-opacity": ".18"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "20",
"cy": "41",
"r": "3",
"fill": "#fff",
"fill-opacity": ".15"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "26",
"cy": "15",
"r": "2.2",
"fill": "#000",
"fill-opacity": ".1"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "42",
"cy": "47",
"r": "2.5",
"fill": "#fff",
"fill-opacity": ".12"
}
}
]
}
]
}
]
},
"marbled": {
"weight": 2,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-surface"
},
"children": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "clipPath",
"type": "element",
"attributes": {
"id": "dicebearPlanets-marbled"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "34",
"cy": "33",
"r": "30"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"clip-path": "url(#dicebearPlanets-marbled)"
},
"children": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M14 21c4-8 16-10 22-5s12 3 14 11-8 10-16 8-10 0-16-4-8-2-4-10",
"fill": "#000",
"fill-opacity": ".11"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M28 43c8-6 20-4 24 2s-4 12-14 12-14-4-10-14",
"fill": "#fff",
"fill-opacity": ".13"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M12 39c4-4 10-2 10 3s-8 5-11 2-1-3 1-5",
"fill": "#000",
"fill-opacity": ".09"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M42 9c6-2 12 2 12 7s-8 5-13 2-3-7 1-9",
"fill": "#fff",
"fill-opacity": ".11"
}
}
]
}
]
}
]
},
"cracked": {
"weight": 2,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-surface"
},
"children": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "clipPath",
"type": "element",
"attributes": {
"id": "dicebearPlanets-cracked"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "34",
"cy": "33",
"r": "30"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"clip-path": "url(#dicebearPlanets-cracked)"
},
"children": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "m2 31 16-4 14 8 16-6 18 6",
"stroke": "#fff",
"stroke-opacity": ".3",
"stroke-width": ".8"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "m28 3 4 16-8 14 6 16-4 14",
"stroke": "#fff",
"stroke-opacity": ".3",
"stroke-width": ".8"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "m44 45 10 6 10-4",
"stroke": "#fff",
"stroke-opacity": ".25",
"stroke-width": ".8"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "32",
"cy": "35",
"r": "1.4",
"fill": "#fff",
"fill-opacity": ".2"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "30",
"cy": "49",
"r": "1.1",
"fill": "#fff",
"fill-opacity": ".16"
}
}
]
}
]
}
]
},
"terra": {
"weight": 2,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-surface"
},
"children": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "clipPath",
"type": "element",
"attributes": {
"id": "dicebearPlanets-terra"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "34",
"cy": "33",
"r": "30"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"clip-path": "url(#dicebearPlanets-terra)"
},
"children": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M40.7 27c0 1.3-.2 2.6-.5 3.8-.4 1.2-.8 2.6-1.6 3.5s-2.1 1.6-3.3 2c-1.2.3-2.8.1-3.9.1s-2-.3-2.9-.1-1.6.9-2.5 1.3c-.9.3-2.1 1-3.1 1-1-.1-2.1-.7-2.7-1.5-.7-.7-.9-2.1-1.3-3-.3-1-.4-1.8-.9-2.5-.6-.7-1.6-1-2.5-1.8s-2.3-1.7-2.9-2.8c-.7-1.1-1.1-2.6-1-3.9.1-1.2.8-2.5 1.4-3.6s1.5-2.2 2.5-3c.9-.9 2-1.8 3.2-2.1s2.8-.3 4 .3c1.2.5 2.5 2 3.3 3s1.1 2.5 1.7 3.1c.5.5.8.5 1.7.3.9-.1 2.3-1 3.7-1.2 1.3-.1 3.2-.1 4.4.4 1.2.6 2.2 1.8 2.7 2.9s.5 2.5.5 3.8M56 44c-.1.7-.5 1.4-.9 1.9s-1.1.9-1.7 1.2c-.5.4-1 .6-1.4.9s-.7.7-1.1 1.1c-.3.5-.6 1.1-1.1 1.5-.5.5-1.1 1.1-1.8 1.4-.7.2-1.5.4-2.3.4-.7 0-1.5-.2-2.3-.5-.7-.3-1.4-.7-2-1.3-.6-.5-1.2-1.2-1.4-2-.3-.7-.4-1.6-.2-2.4s.7-1.6 1.3-2.2c.5-.6 1.3-1 1.9-1.3.5-.4 1-.5 1.3-.9.2-.3.1-.7.2-1.3 0-.7-.2-1.7 0-2.5.2-.9.6-2.1 1.2-2.7.5-.7 1.5-1.2 2.3-1.2.8-.1 1.7.4 2.4.9s1.2 1.4 1.6 2c.5.7.7 1.4 1.1 1.9.4.6.8.9 1.2 1.5.4.5 1 1 1.3 1.6s.5 1.3.4 2",
"fill": "#fff",
"fill-opacity": ".26"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "48",
"cy": "19",
"r": "1.7",
"fill": "#fff",
"fill-opacity": ".26"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "53",
"cy": "24",
"r": "1.2",
"fill": "#fff",
"fill-opacity": ".26"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "43",
"cy": "15",
"r": "1.1",
"fill": "#fff",
"fill-opacity": ".26"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "19",
"cy": "49",
"r": "1.4",
"fill": "#fff",
"fill-opacity": ".26"
}
},
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "34",
"cy": "5.5",
"rx": "15",
"ry": "5.5",
"fill": "#fff",
"fill-opacity": ".42"
}
},
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "34",
"cy": "61",
"rx": "11",
"ry": "4.5",
"fill": "#fff",
"fill-opacity": ".38"
}
}
]
}
]
}
]
},
"speckled": {
"weight": 2,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-surface"
},
"children": [
{
"name": "defs",
"type": "element",
"children": [
{
"name": "clipPath",
"type": "element",
"attributes": {
"id": "dicebearPlanets-speckled"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "34",
"cy": "33",
"r": "30"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"clip-path": "url(#dicebearPlanets-speckled)"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "15.4",
"cy": "38.7",
"r": "1.8",
"fill": "#fff",
"fill-opacity": ".11"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "24.5",
"cy": "27.2",
"r": "1.3",
"fill": "#fff",
"fill-opacity": ".1"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "18.1",
"cy": "16.1",
"r": ".8",
"fill": "#000",
"fill-opacity": ".09"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "31.4",
"cy": "40.4",
"r": "1.7",
"fill": "#fff",
"fill-opacity": ".13"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "32.1",
"cy": "28",
"r": "1.9",
"fill": "#fff",
"fill-opacity": ".14"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "54.5",
"cy": "28.4",
"r": "1.4",
"fill": "#fff",
"fill-opacity": ".14"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "35.7",
"cy": "35.7",
"r": "1.3",
"fill": "#fff",
"fill-opacity": ".13"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "44.6",
"cy": "37.1",
"r": "1",
"fill": "#fff",
"fill-opacity": ".12"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "51.4",
"cy": "36.3",
"r": "1.2",
"fill": "#000",
"fill-opacity": ".12"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "44.3",
"cy": "17.3",
"r": "1.5",
"fill": "#fff",
"fill-opacity": ".15"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "12.8",
"cy": "33",
"r": "1.2",
"fill": "#fff",
"fill-opacity": ".12"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "29.4",
"cy": "58.6",
"r": "1.9",
"fill": "#000",
"fill-opacity": ".11"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "29",
"cy": "44.4",
"r": "1",
"fill": "#fff",
"fill-opacity": ".16"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "54.6",
"cy": "42.7",
"r": "1.2",
"fill": "#fff",
"fill-opacity": ".12"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "45.9",
"cy": "33",
"r": "1.8",
"fill": "#000",
"fill-opacity": ".1"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "8.7",
"cy": "37.8",
"r": "1.2",
"fill": "#fff",
"fill-opacity": ".1"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "36.4",
"cy": "19.7",
"r": ".8",
"fill": "#fff",
"fill-opacity": ".13"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "21.3",
"cy": "55.2",
"r": "1.6",
"fill": "#fff",
"fill-opacity": ".14"
}
}
]
}
]
}
]
}
}
},
"star": {
"width": 10,
"height": 10,
"probability": 90,
"translate": {
"x": {
"min": -120,
"max": 120
},
"y": {
"min": -120,
"max": 120
}
},
"variants": {
"faint": {
"weight": 2,
"elements": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "5",
"cy": "5",
"r": ".7",
"fill": "#fff",
"fill-opacity": ".5"
}
}
]
},
"small": {
"weight": 3,
"elements": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "5",
"cy": "5",
"r": ".8",
"fill": "#fff",
"fill-opacity": ".85"
}
}
]
},
"medium": {
"weight": 3,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-tw-medium"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "5",
"cy": "5",
"r": "1.1",
"fill": "#fff",
"fill-opacity": ".85"
}
}
]
}
]
},
"large": {
"weight": 1,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-tw-large"
},
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "5",
"cy": "5",
"r": "1.4",
"fill": "#fff",
"fill-opacity": ".9"
}
}
]
}
]
},
"sparkle": {
"weight": 1,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-tw-sparkle"
},
"children": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M5 1.8Q5.5 4.5 8.2 5 5.5 5.5 5 8.2 4.5 5.5 1.8 5 4.5 4.5 5 1.8",
"fill": "#fff",
"fill-opacity": ".9"
}
}
]
}
]
}
}
},
"star02": {
"extends": "star"
},
"star03": {
"extends": "star"
},
"star04": {
"extends": "star"
},
"star05": {
"extends": "star"
},
"star06": {
"extends": "star"
},
"star07": {
"extends": "star"
},
"star08": {
"extends": "star"
},
"star09": {
"extends": "star"
},
"star10": {
"extends": "star"
},
"star11": {
"extends": "star"
},
"star12": {
"extends": "star"
},
"animation": {
"width": 100,
"height": 100,
"variants": {
"none": {
"elements": []
},
"fastest": {
"weight": 0,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-fastest"
}
},
{
"name": "style",
"type": "element",
"children": [
{
"type": "text",
"value": "svg:has(.dbpa-fastest){--dbpa-t:0.75;--dbpa-p:running}@media (prefers-reduced-motion: no-preference){@keyframes dbpaSpin{to{transform:rotate(360deg)}} @keyframes dbpaTw{0%,100%{opacity:1}50%{opacity:.3}} .dbpa-surface{transform-origin:34px 33px;animation:dbpaSpin calc(var(--dbpa-t,1)*100s) linear infinite} .dbpa-moons{transform-origin:29px 29px;animation:dbpaSpin calc(var(--dbpa-t,1)*42s) linear infinite} .dbpa-tw-medium{animation:dbpaTw calc(var(--dbpa-t,1)*5.2s) ease-in-out infinite calc(var(--dbpa-t,1)*2s)} .dbpa-tw-large{animation:dbpaTw calc(var(--dbpa-t,1)*3.7s) ease-in-out infinite calc(var(--dbpa-t,1)*2.7s)} .dbpa-tw-sparkle{animation:dbpaTw calc(var(--dbpa-t,1)*2.8s) ease-in-out infinite calc(var(--dbpa-t,1)*1.4s)}.dbpa-surface,.dbpa-moons,.dbpa-tw-medium,.dbpa-tw-large,.dbpa-tw-sparkle{animation-play-state:var(--dbpa-p,paused)}}"
}
]
}
],
"tags": [
"animation"
]
},
"fast": {
"weight": 0,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-fast"
}
},
{
"name": "style",
"type": "element",
"children": [
{
"type": "text",
"value": "svg:has(.dbpa-fast){--dbpa-t:0.9;--dbpa-p:running}@media (prefers-reduced-motion: no-preference){@keyframes dbpaSpin{to{transform:rotate(360deg)}} @keyframes dbpaTw{0%,100%{opacity:1}50%{opacity:.3}} .dbpa-surface{transform-origin:34px 33px;animation:dbpaSpin calc(var(--dbpa-t,1)*100s) linear infinite} .dbpa-moons{transform-origin:29px 29px;animation:dbpaSpin calc(var(--dbpa-t,1)*42s) linear infinite} .dbpa-tw-medium{animation:dbpaTw calc(var(--dbpa-t,1)*5.2s) ease-in-out infinite calc(var(--dbpa-t,1)*2s)} .dbpa-tw-large{animation:dbpaTw calc(var(--dbpa-t,1)*3.7s) ease-in-out infinite calc(var(--dbpa-t,1)*2.7s)} .dbpa-tw-sparkle{animation:dbpaTw calc(var(--dbpa-t,1)*2.8s) ease-in-out infinite calc(var(--dbpa-t,1)*1.4s)}.dbpa-surface,.dbpa-moons,.dbpa-tw-medium,.dbpa-tw-large,.dbpa-tw-sparkle{animation-play-state:var(--dbpa-p,paused)}}"
}
]
}
],
"tags": [
"animation"
]
},
"medium": {
"weight": 0,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-medium"
}
},
{
"name": "style",
"type": "element",
"children": [
{
"type": "text",
"value": "svg:has(.dbpa-medium){--dbpa-t:1;--dbpa-p:running}@media (prefers-reduced-motion: no-preference){@keyframes dbpaSpin{to{transform:rotate(360deg)}} @keyframes dbpaTw{0%,100%{opacity:1}50%{opacity:.3}} .dbpa-surface{transform-origin:34px 33px;animation:dbpaSpin calc(var(--dbpa-t,1)*100s) linear infinite} .dbpa-moons{transform-origin:29px 29px;animation:dbpaSpin calc(var(--dbpa-t,1)*42s) linear infinite} .dbpa-tw-medium{animation:dbpaTw calc(var(--dbpa-t,1)*5.2s) ease-in-out infinite calc(var(--dbpa-t,1)*2s)} .dbpa-tw-large{animation:dbpaTw calc(var(--dbpa-t,1)*3.7s) ease-in-out infinite calc(var(--dbpa-t,1)*2.7s)} .dbpa-tw-sparkle{animation:dbpaTw calc(var(--dbpa-t,1)*2.8s) ease-in-out infinite calc(var(--dbpa-t,1)*1.4s)}.dbpa-surface,.dbpa-moons,.dbpa-tw-medium,.dbpa-tw-large,.dbpa-tw-sparkle{animation-play-state:var(--dbpa-p,paused)}}"
}
]
}
],
"tags": [
"animation"
]
},
"slow": {
"weight": 0,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-slow"
}
},
{
"name": "style",
"type": "element",
"children": [
{
"type": "text",
"value": "svg:has(.dbpa-slow){--dbpa-t:1.15;--dbpa-p:running}@media (prefers-reduced-motion: no-preference){@keyframes dbpaSpin{to{transform:rotate(360deg)}} @keyframes dbpaTw{0%,100%{opacity:1}50%{opacity:.3}} .dbpa-surface{transform-origin:34px 33px;animation:dbpaSpin calc(var(--dbpa-t,1)*100s) linear infinite} .dbpa-moons{transform-origin:29px 29px;animation:dbpaSpin calc(var(--dbpa-t,1)*42s) linear infinite} .dbpa-tw-medium{animation:dbpaTw calc(var(--dbpa-t,1)*5.2s) ease-in-out infinite calc(var(--dbpa-t,1)*2s)} .dbpa-tw-large{animation:dbpaTw calc(var(--dbpa-t,1)*3.7s) ease-in-out infinite calc(var(--dbpa-t,1)*2.7s)} .dbpa-tw-sparkle{animation:dbpaTw calc(var(--dbpa-t,1)*2.8s) ease-in-out infinite calc(var(--dbpa-t,1)*1.4s)}.dbpa-surface,.dbpa-moons,.dbpa-tw-medium,.dbpa-tw-large,.dbpa-tw-sparkle{animation-play-state:var(--dbpa-p,paused)}}"
}
]
}
],
"tags": [
"animation"
]
},
"slowest": {
"weight": 0,
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"class": "dbpa-slowest"
}
},
{
"name": "style",
"type": "element",
"children": [
{
"type": "text",
"value": "svg:has(.dbpa-slowest){--dbpa-t:1.35;--dbpa-p:running}@media (prefers-reduced-motion: no-preference){@keyframes dbpaSpin{to{transform:rotate(360deg)}} @keyframes dbpaTw{0%,100%{opacity:1}50%{opacity:.3}} .dbpa-surface{transform-origin:34px 33px;animation:dbpaSpin calc(var(--dbpa-t,1)*100s) linear infinite} .dbpa-moons{transform-origin:29px 29px;animation:dbpaSpin calc(var(--dbpa-t,1)*42s) linear infinite} .dbpa-tw-medium{animation:dbpaTw calc(var(--dbpa-t,1)*5.2s) ease-in-out infinite calc(var(--dbpa-t,1)*2s)} .dbpa-tw-large{animation:dbpaTw calc(var(--dbpa-t,1)*3.7s) ease-in-out infinite calc(var(--dbpa-t,1)*2.7s)} .dbpa-tw-sparkle{animation:dbpaTw calc(var(--dbpa-t,1)*2.8s) ease-in-out infinite calc(var(--dbpa-t,1)*1.4s)}.dbpa-surface,.dbpa-moons,.dbpa-tw-medium,.dbpa-tw-large,.dbpa-tw-sparkle{animation-play-state:var(--dbpa-p,paused)}}"
}
]
}
],
"tags": [
"animation"
]
}
}
}
},
"colors": {
"background": {
"values": [
"#17233f",
"#23244a",
"#2c1c45",
"#0f2336",
"#012e3a",
"#002a2e",
"#0b3533",
"#361b34",
"#1c1f27",
"#1d1a2a"
]
},
"planet": {
"values": [
"#e27a8c",
"#e37f64",
"#d88a40",
"#c1982a",
"#9fa63b",
"#74b160",
"#39b789",
"#00b6af",
"#00b1cf",
"#47a7e7",
"#7a9bef",
"#a18ee8",
"#c083d2",
"#d67cb2"
]
},
"moon": {
"values": [
"#d3d7e2",
"#bed9e7",
"#e5d6b6",
"#eaccc7",
"#e0ded8"
]
}
}
}
''';