triangles top-level constant
String
const triangles
Raw JSON definition of the DiceBear triangles avatar style.
Implementation
const String triangles = '''{
"\$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": "„Triangles” (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": "Triangles",
"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": 60,
"height": 60
},
"attributes": {
"fill": "none",
"shape-rendering": "auto"
},
"components": {
"body": {
"width": 60,
"height": 60,
"variants": {
"default": {
"elements": [
{
"name": "shape01",
"type": "component"
},
{
"name": "shape02",
"type": "component",
"attributes": {
"transform": "translate(10)"
}
},
{
"name": "shape03",
"type": "component",
"attributes": {
"transform": "translate(20)"
}
},
{
"name": "shape04",
"type": "component",
"attributes": {
"transform": "translate(30)"
}
},
{
"name": "shape05",
"type": "component",
"attributes": {
"transform": "translate(40)"
}
},
{
"name": "shape06",
"type": "component",
"attributes": {
"transform": "translate(50)"
}
},
{
"name": "shape07",
"type": "component",
"attributes": {
"transform": "translate(0 10)"
}
},
{
"name": "shape08",
"type": "component",
"attributes": {
"transform": "translate(10 10)"
}
},
{
"name": "shape09",
"type": "component",
"attributes": {
"transform": "translate(20 10)"
}
},
{
"name": "shape10",
"type": "component",
"attributes": {
"transform": "translate(30 10)"
}
},
{
"name": "shape11",
"type": "component",
"attributes": {
"transform": "translate(40 10)"
}
},
{
"name": "shape12",
"type": "component",
"attributes": {
"transform": "translate(50 10)"
}
},
{
"name": "shape13",
"type": "component",
"attributes": {
"transform": "translate(0 20)"
}
},
{
"name": "shape14",
"type": "component",
"attributes": {
"transform": "translate(10 20)"
}
},
{
"name": "shape15",
"type": "component",
"attributes": {
"transform": "translate(20 20)"
}
},
{
"name": "shape16",
"type": "component",
"attributes": {
"transform": "translate(30 20)"
}
},
{
"name": "shape17",
"type": "component",
"attributes": {
"transform": "translate(40 20)"
}
},
{
"name": "shape18",
"type": "component",
"attributes": {
"transform": "translate(50 20)"
}
},
{
"name": "shape19",
"type": "component",
"attributes": {
"transform": "translate(0 30)"
}
},
{
"name": "shape20",
"type": "component",
"attributes": {
"transform": "translate(10 30)"
}
},
{
"name": "shape21",
"type": "component",
"attributes": {
"transform": "translate(20 30)"
}
},
{
"name": "shape22",
"type": "component",
"attributes": {
"transform": "translate(30 30)"
}
},
{
"name": "shape23",
"type": "component",
"attributes": {
"transform": "translate(40 30)"
}
},
{
"name": "shape24",
"type": "component",
"attributes": {
"transform": "translate(50 30)"
}
},
{
"name": "shape25",
"type": "component",
"attributes": {
"transform": "translate(0 40)"
}
},
{
"name": "shape26",
"type": "component",
"attributes": {
"transform": "translate(10 40)"
}
},
{
"name": "shape27",
"type": "component",
"attributes": {
"transform": "translate(20 40)"
}
},
{
"name": "shape28",
"type": "component",
"attributes": {
"transform": "translate(30 40)"
}
},
{
"name": "shape29",
"type": "component",
"attributes": {
"transform": "translate(40 40)"
}
},
{
"name": "shape30",
"type": "component",
"attributes": {
"transform": "translate(50 40)"
}
},
{
"name": "shape31",
"type": "component",
"attributes": {
"transform": "translate(0 50)"
}
},
{
"name": "shape32",
"type": "component",
"attributes": {
"transform": "translate(10 50)"
}
},
{
"name": "shape33",
"type": "component",
"attributes": {
"transform": "translate(20 50)"
}
},
{
"name": "shape34",
"type": "component",
"attributes": {
"transform": "translate(30 50)"
}
},
{
"name": "shape35",
"type": "component",
"attributes": {
"transform": "translate(40 50)"
}
},
{
"name": "shape36",
"type": "component",
"attributes": {
"transform": "translate(50 50)"
}
}
]
}
}
},
"shape": {
"width": 10,
"height": 10,
"rotate": {
"min": 0,
"max": 90,
"step": 90
},
"variants": {
"triangle": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M10 10V0L0 10z",
"fill": {
"type": "color",
"name": "shape"
}
}
}
]
}
}
},
"shape01": {
"extends": "shape"
},
"shape02": {
"extends": "shape"
},
"shape03": {
"extends": "shape"
},
"shape04": {
"extends": "shape"
},
"shape05": {
"extends": "shape"
},
"shape06": {
"extends": "shape"
},
"shape07": {
"extends": "shape"
},
"shape08": {
"extends": "shape"
},
"shape09": {
"extends": "shape"
},
"shape10": {
"extends": "shape"
},
"shape11": {
"extends": "shape"
},
"shape12": {
"extends": "shape"
},
"shape13": {
"extends": "shape"
},
"shape14": {
"extends": "shape"
},
"shape15": {
"extends": "shape"
},
"shape16": {
"extends": "shape"
},
"shape17": {
"extends": "shape"
},
"shape18": {
"extends": "shape"
},
"shape19": {
"extends": "shape"
},
"shape20": {
"extends": "shape"
},
"shape21": {
"extends": "shape"
},
"shape22": {
"extends": "shape"
},
"shape23": {
"extends": "shape"
},
"shape24": {
"extends": "shape"
},
"shape25": {
"extends": "shape"
},
"shape26": {
"extends": "shape"
},
"shape27": {
"extends": "shape"
},
"shape28": {
"extends": "shape"
},
"shape29": {
"extends": "shape"
},
"shape30": {
"extends": "shape"
},
"shape31": {
"extends": "shape"
},
"shape32": {
"extends": "shape"
},
"shape33": {
"extends": "shape"
},
"shape34": {
"extends": "shape"
},
"shape35": {
"extends": "shape"
},
"shape36": {
"extends": "shape"
}
},
"colors": {
"background": {
"values": [
"#ffa3b5",
"#ffb382",
"#ffe08a",
"#e2f299",
"#a8f0b0",
"#86eadf",
"#7fd4f5",
"#9cbeff",
"#cfbeff"
]
},
"shape": {
"notEqualTo": [],
"contrastTo": "background",
"values": [
"#000000",
"#ffffff"
]
}
}
}''';