stripes top-level constant
String
const stripes
Raw JSON definition of the DiceBear stripes avatar style.
Implementation
const String stripes = '''{
"\$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": "„Stripes” (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": "Stripes",
"url": "https://www.dicebear.com"
}
},
"canvas": {
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"style": "mix-blend-mode:overlay"
},
"children": [
{
"name": "body",
"type": "component"
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"opacity": ".3"
},
"children": [
{
"name": "body",
"type": "component"
}
]
}
],
"width": 100,
"height": 100
},
"attributes": {
"fill": "none",
"shape-rendering": "auto"
},
"components": {
"body": {
"width": 100,
"height": 100,
"rotate": {
"min": -160,
"max": 160,
"step": 1
},
"variants": {
"variant05": {
"elements": [
{
"name": "stripe02",
"type": "component",
"attributes": {
"transform": "matrix(2 0 0 1 0 -25)"
}
},
{
"name": "stripe03",
"type": "component",
"attributes": {
"transform": "matrix(2 0 0 1 20 -25)"
}
},
{
"name": "stripe04",
"type": "component",
"attributes": {
"transform": "matrix(2 0 0 1 40 -25)"
}
},
{
"name": "stripe05",
"type": "component",
"attributes": {
"transform": "matrix(2 0 0 1 60 -25)"
}
},
{
"name": "stripe06",
"type": "component",
"attributes": {
"transform": "matrix(2 0 0 1 80 -25)"
}
}
],
"weight": 0
},
"variant10": {
"elements": [
{
"name": "stripe03",
"type": "component",
"attributes": {
"transform": "translate(0 -25)"
}
},
{
"name": "stripe04",
"type": "component",
"attributes": {
"transform": "translate(10 -25)"
}
},
{
"name": "stripe05",
"type": "component",
"attributes": {
"transform": "translate(20 -25)"
}
},
{
"name": "stripe06",
"type": "component",
"attributes": {
"transform": "translate(30 -25)"
}
},
{
"name": "stripe07",
"type": "component",
"attributes": {
"transform": "translate(40 -25)"
}
},
{
"name": "stripe08",
"type": "component",
"attributes": {
"transform": "translate(50 -25)"
}
},
{
"name": "stripe09",
"type": "component",
"attributes": {
"transform": "translate(60 -25)"
}
},
{
"name": "stripe10",
"type": "component",
"attributes": {
"transform": "translate(70 -25)"
}
},
{
"name": "stripe11",
"type": "component",
"attributes": {
"transform": "translate(80 -25)"
}
},
{
"name": "stripe12",
"type": "component",
"attributes": {
"transform": "translate(90 -25)"
}
},
{
"name": "stripe13",
"type": "component",
"attributes": {
"transform": "translate(100 -25)"
}
}
]
}
}
},
"stripe": {
"width": 10,
"height": 150,
"translate": {
"x": {
"min": -20,
"max": 20,
"step": 10
}
},
"variants": {
"variant02": {
"elements": [
{
"name": "rect",
"type": "element",
"attributes": {
"x": "4",
"width": "2",
"height": "150",
"fill": {
"type": "color",
"name": "stripe"
}
}
}
]
},
"variant04": {
"elements": [
{
"name": "rect",
"type": "element",
"attributes": {
"x": "3",
"width": "4",
"height": "150",
"fill": {
"type": "color",
"name": "stripe"
}
}
}
]
},
"variant06": {
"elements": [
{
"name": "rect",
"type": "element",
"attributes": {
"x": "2",
"width": "6",
"height": "150",
"fill": {
"type": "color",
"name": "stripe"
}
}
}
]
},
"variant08": {
"elements": [
{
"name": "rect",
"type": "element",
"attributes": {
"x": "1",
"width": "8",
"height": "150",
"fill": {
"type": "color",
"name": "stripe"
}
}
}
]
},
"variant10": {
"elements": [
{
"name": "rect",
"type": "element",
"attributes": {
"x": "1",
"width": "8",
"height": "150",
"fill": {
"type": "color",
"name": "stripe"
}
}
}
]
}
}
},
"stripe01": {
"extends": "stripe"
},
"stripe02": {
"extends": "stripe"
},
"stripe03": {
"extends": "stripe"
},
"stripe04": {
"extends": "stripe"
},
"stripe05": {
"extends": "stripe"
},
"stripe06": {
"extends": "stripe"
},
"stripe07": {
"extends": "stripe"
},
"stripe08": {
"extends": "stripe"
},
"stripe09": {
"extends": "stripe"
},
"stripe10": {
"extends": "stripe"
},
"stripe11": {
"extends": "stripe"
},
"stripe12": {
"extends": "stripe"
},
"stripe13": {
"extends": "stripe"
},
"stripe14": {
"extends": "stripe"
}
},
"colors": {
"background": {
"values": [
"#ffa3b5",
"#ffb382",
"#ffe08a",
"#e2f299",
"#a8f0b0",
"#86eadf",
"#7fd4f5",
"#9cbeff",
"#cfbeff"
]
},
"stripe": {
"notEqualTo": [],
"contrastTo": "background",
"values": [
"#000000",
"#ffffff"
]
}
}
}''';