shadows top-level constant
String
const shadows
Raw JSON definition of the DiceBear shadows avatar style.
Implementation
const String shadows = '''{
"\$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.4.0/dist/definition.min.json",
"\$comment": "Hand-authored definition (no Figma source).",
"meta": {
"license": {
"name": "CC0 1.0",
"url": "https://creativecommons.org/publicdomain/zero/1.0/",
"text": "„Shadows” (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": "Shadows",
"url": "https://www.dicebear.com"
}
},
"canvas": {
"elements": [
{
"name": "shoulders",
"type": "component",
"attributes": {
"transform": "translate(11 51)"
}
},
{
"name": "heads",
"type": "component",
"attributes": {
"transform": "translate(19 1)"
}
}
],
"width": 100,
"height": 100
},
"attributes": {
"fill": "none",
"shape-rendering": "auto"
},
"components": {
"shoulders": {
"width": 78,
"height": 50,
"variants": {
"regular": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M6 50C6 17 20.85 1 39 1s33 16 33 49Z",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"wide": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M0 50C0 17 17.55 3 39 3s39 14 39 47Z",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"narrow": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M11 50C11 18 23.6 0 39 0s28 18 28 50Z",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"square": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M4 50V17C4 9 10 3 18 3h42c8 0 14 6 14 14v33Z",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"sloped": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M3 50C3 13 19.2 5 39 5s36 8 36 45Z",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"uneven": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M6 50C6 15 20 0 39 1c18 1 33 18 33 49Z",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"round": {
"elements": [
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "39",
"cy": "41",
"rx": "32",
"ry": "41",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
}
},
"heads": {
"width": 62,
"height": 60,
"variants": {
"round": {
"elements": [
{
"name": "tops",
"type": "component",
"attributes": {
"transform": "translate(3 3)"
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "31",
"cy": "38",
"r": "19",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"oval": {
"elements": [
{
"name": "tops",
"type": "component",
"attributes": {
"transform": "matrix(.95 0 0 .95 4.47 1.84)"
}
},
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "31",
"cy": "38",
"rx": "18",
"ry": "21",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"wide": {
"elements": [
{
"name": "tops",
"type": "component",
"attributes": {
"transform": "translate(.05 2.32)scale(1.11)"
}
},
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "31",
"cy": "38",
"rx": "21",
"ry": "18",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"tall": {
"elements": [
{
"name": "tops",
"type": "component",
"attributes": {
"transform": "matrix(.89 0 0 .89 5.95 -.32)"
}
},
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "31",
"cy": "37",
"rx": "17",
"ry": "23",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"taper": {
"elements": [
{
"name": "tops",
"type": "component",
"attributes": {
"transform": "translate(3 3)"
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M31 19c12 0 19 7 19 16 0 12-9 22-19 22S12 47 12 35c0-9 7-16 19-16",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
}
},
"tops": {
"width": 56,
"height": 50,
"probability": 76,
"rotate": {
"min": -6,
"max": 6,
"step": 3
},
"variants": {
"curls": {
"elements": [
{
"name": "g",
"type": "element",
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "10.52",
"cy": "25.5",
"r": "7",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "18.5",
"cy": "16.95",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "28.95",
"cy": "15.05",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "39.4",
"cy": "17.9",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "46.05",
"cy": "26.45",
"r": "7",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
]
},
"bun": {
"elements": [
{
"name": "g",
"type": "element",
"children": [
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "28",
"cy": "31",
"rx": "21",
"ry": "19",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "36",
"cy": "10",
"r": "7",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
]
},
"topknot": {
"elements": [
{
"name": "g",
"type": "element",
"children": [
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "28",
"cy": "31",
"rx": "21",
"ry": "19",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "28",
"cy": "8",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
]
},
"tuft": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M23 19c2-12 16-12 19-5-6-2-10 2-9 6Z",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"afro": {
"elements": [
{
"name": "g",
"type": "element",
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "28",
"cy": "29",
"r": "17.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "11.3",
"cy": "26",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "16",
"cy": "16",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "25",
"cy": "12.3",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "35.2",
"cy": "13.6",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "43",
"cy": "21",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "45.2",
"cy": "31",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
]
},
"puffs": {
"elements": [
{
"name": "g",
"type": "element",
"children": [
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "28",
"cy": "31",
"rx": "21",
"ry": "19",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "14",
"cy": "19",
"r": "8.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "42",
"cy": "19",
"r": "8.5",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
]
},
"flat": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M12.5 36V14q0-4 4-4h23q4 0 4 4v22q-15.5 7-31 0",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
},
"waves": {
"elements": [
{
"name": "g",
"type": "element",
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "14.5",
"cy": "23.5",
"r": "7",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "27",
"cy": "19",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "39",
"cy": "22.5",
"r": "8",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
]
},
"braid": {
"elements": [
{
"name": "g",
"type": "element",
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "9.9",
"cy": "26.5",
"r": "4.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "18",
"cy": "17.7",
"r": "4.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "28",
"cy": "15",
"r": "4.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "38",
"cy": "17.7",
"r": "4.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "46.1",
"cy": "26.5",
"r": "4.5",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
]
},
"quiff": {
"elements": [
{
"name": "g",
"type": "element",
"children": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "34",
"cy": "12",
"r": "8.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "25",
"cy": "13.5",
"r": "7.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "18",
"cy": "16",
"r": "6",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
]
},
"hat": {
"elements": [
{
"name": "g",
"type": "element",
"children": [
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "28",
"cy": "21",
"rx": "28",
"ry": "5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M15 21V8c0-5 26-5 26 0v13Z",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
]
},
"beanie": {
"elements": [
{
"name": "g",
"type": "element",
"children": [
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "28",
"cy": "29",
"rx": "23",
"ry": "17",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "28",
"cy": "8",
"r": "5",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
]
},
"bowler": {
"elements": [
{
"name": "g",
"type": "element",
"children": [
{
"name": "ellipse",
"type": "element",
"attributes": {
"cx": "28",
"cy": "21",
"rx": "26",
"ry": "4.5",
"fill": {
"type": "color",
"name": "ink"
}
}
},
{
"name": "path",
"type": "element",
"attributes": {
"d": "M14 21a14 14 0 0 1 28 0Z",
"fill": {
"type": "color",
"name": "ink"
}
}
}
]
}
]
}
}
}
},
"colors": {
"background": {
"values": [
"#ede4e4",
"#ede4e0",
"#ede6d6",
"#deedc2",
"#d6eddf",
"#d0edec",
"#dfe8ed",
"#e3e6ed",
"#e8e4ed",
"#ede3e9"
]
},
"ink": {
"values": [
"#7b373f",
"#6b4630",
"#5b4e30",
"#4a5530",
"#345945",
"#345757",
"#335565",
"#33477f",
"#5e3b87",
"#733662",
"#3b3b42"
]
}
}
}
''';