initialFace top-level constant
String
const initialFace
Raw JSON definition of the DiceBear initial-face avatar style.
Implementation
const String initialFace = '''{
"\$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": "„Initial Face” (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": "Initial Face",
"url": "https://www.dicebear.com"
}
},
"canvas": {
"elements": [
{
"name": "head",
"type": "component",
"attributes": {
"transform": "translate(13 16)"
}
}
],
"width": 70,
"height": 70
},
"attributes": {
"fill": "none",
"shape-rendering": "auto"
},
"components": {
"eyes": {
"width": 16,
"height": 16,
"translate": {
"x": {
"min": -20,
"max": 10
},
"y": {
"min": 0,
"max": 30
}
},
"variants": {
"variant01": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M.25 8.12C1.66 11.86 12 16 12 16s5.17-9.58 3.76-13.32c0 0-1.41-3.74-5.3-2.38-3.87 1.36-2.7 4.48-2.7 4.48S6.6 1.66 2.73 3.02.25 8.12.25 8.12",
"fill": {
"type": "color",
"name": "eyes"
}
}
}
]
},
"variant02": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M9.5 10c-3.88 0-7.11-4.23-6.4-4.85s2.63 1.3 6.4 1.3 5.69-2 6.4-1.3S13.38 10 9.5 10",
"fill": {
"type": "color",
"name": "eyes"
}
}
}
]
},
"variant03": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M11.86 7.5c0-1.42-4.14-2.85-4.82-4.98C6.34.4 16 5.37 16 7.5s-9.65 7.11-8.96 4.98 4.82-3.56 4.82-4.98",
"fill": {
"type": "color",
"name": "eyes"
}
}
}
]
},
"variant04": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M8 8.36S8 4 12 4s4 4.36 4 4.36v2.91s0 .73-.67.73c-.66 0-.66-2.9-3.33-2.9S9.33 12 8.67 12 8 11.27 8 11.27z",
"fill": {
"type": "color",
"name": "eyes"
}
}
}
]
},
"variant05": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M16 8c0 2.2-1.34 4-3 4s-3-1.8-3-4 1.34-4 3-4 3 1.8 3 4",
"fill": {
"type": "color",
"name": "eyes"
}
}
}
]
},
"variant06": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M16 8c0 3.31-1.34 6-3 6s-3-2.69-3-6 1.34-6 3-6 3 2.69 3 6",
"fill": {
"type": "color",
"name": "eyes"
}
}
}
]
},
"variant07": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M11.5 6C8.29 6 7 7.36 7 8.04c0 3.4 1.29 1.35 4.5 1.35S16 11.43 16 8.04C16 7.36 14.71 6 11.5 6",
"fill": {
"type": "color",
"name": "eyes"
}
}
}
]
},
"variant08": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M16 8c0 1.66-1.12 3-2.5 3S11 9.66 11 8s1.12-3 2.5-3S16 6.34 16 8",
"fill": {
"type": "color",
"name": "eyes"
}
}
}
]
}
}
},
"face": {
"width": 44,
"height": 44,
"variants": {
"default": {
"elements": [
{
"name": "eyes",
"type": "component"
},
{
"name": "eyes",
"type": "component",
"attributes": {
"transform": "matrix(-1 0 0 1 44 0)"
}
},
{
"name": "mouth",
"type": "component",
"attributes": {
"transform": "translate(12 30)"
}
}
]
}
}
},
"head": {
"width": 44,
"height": 44,
"rotate": {
"min": -15,
"max": 15
},
"translate": {
"x": {
"min": -3,
"max": 3
}
},
"variants": {
"alt": {
"elements": [
{
"name": "face",
"type": "component"
}
],
"weight": 0
},
"default": {
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"style": "mix-blend-mode:overlay"
},
"children": [
{
"name": "face",
"type": "component"
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"opacity": ".5"
},
"children": [
{
"name": "face",
"type": "component"
}
]
}
]
}
}
},
"mouth": {
"width": 20,
"height": 14,
"translate": {
"y": {
"min": -30,
"max": 0
}
},
"variants": {
"default": {
"elements": [
{
"name": "text",
"type": "element",
"attributes": {
"x": "10",
"y": "7",
"font-family": {
"type": "variable",
"name": "fontFamily"
},
"font-weight": "600",
"font-size": "14",
"fill": {
"type": "color",
"name": "mouth"
},
"text-anchor": "middle",
"dominant-baseline": "middle"
},
"children": [
{
"type": "text",
"value": {
"type": "variable",
"name": "initial"
}
}
]
}
]
}
}
}
},
"colors": {
"background": {
"values": [
"#ffa3b5",
"#ffb382",
"#ffe08a",
"#e2f299",
"#a8f0b0",
"#86eadf",
"#7fd4f5",
"#9cbeff",
"#cfbeff"
]
},
"eyes": {
"notEqualTo": [],
"contrastTo": "background",
"values": [
"#000000",
"#ffffff"
]
},
"mouth": {
"notEqualTo": [],
"contrastTo": "background",
"values": [
"#000000",
"#ffffff"
]
}
}
}''';