{
  "formato": "icone",
  "versione": 1,
  "set": {
    "id": "esempi",
    "name": "Esempi",
    "size": { "w": 24, "h": 24 },
    "tokens": [{ "id": "accento", "name": "Accento", "color": "#5b5bd6" }],
    "icons": [
      {
        "id": "caricamento",
        "name": "caricamento",
        "size": { "w": 24, "h": 24 },
        "states": [
          {
            "id": "vuoto",
            "name": "Vuoto",
            "rootId": "root",
            "nodes": {
              "root": { "id": "root", "geometry": { "kind": "group" }, "childIds": ["pista", "arco"] },
              "pista": {
                "id": "pista",
                "name": "Pista",
                "parentId": "root",
                "geometry": { "kind": "ellipse", "cx": 12, "cy": 12, "rx": 9, "ry": 9 },
                "style": {
                  "fill": { "kind": "none" },
                  "stroke": { "kind": "currentColor" },
                  "strokeWidth": 2,
                  "strokeOpacity": 0.2
                }
              },
              "arco": {
                "id": "arco",
                "name": "Arco",
                "parentId": "root",
                "geometry": { "kind": "ellipse", "cx": 12, "cy": 12, "rx": 9, "ry": 9 },
                "transform": { "rotation": -90, "originX": 0.5, "originY": 0.5 },
                "style": {
                  "fill": { "kind": "none" },
                  "stroke": { "kind": "token", "tokenId": "accento" },
                  "strokeWidth": 2,
                  "strokeLineCap": "round",
                  "trimStart": 0,
                  "trimEnd": 0
                }
              }
            }
          },
          {
            "id": "pieno",
            "name": "Pieno",
            "rootId": "root",
            "nodes": {
              "root": { "id": "root", "geometry": { "kind": "group" }, "childIds": ["pista", "arco"] },
              "pista": {
                "id": "pista",
                "name": "Pista",
                "parentId": "root",
                "geometry": { "kind": "ellipse", "cx": 12, "cy": 12, "rx": 9, "ry": 9 },
                "style": {
                  "fill": { "kind": "none" },
                  "stroke": { "kind": "currentColor" },
                  "strokeWidth": 2,
                  "strokeOpacity": 0.2
                }
              },
              "arco": {
                "id": "arco",
                "name": "Arco",
                "parentId": "root",
                "geometry": { "kind": "ellipse", "cx": 12, "cy": 12, "rx": 9, "ry": 9 },
                "transform": { "rotation": 270, "originX": 0.5, "originY": 0.5 },
                "style": {
                  "fill": { "kind": "none" },
                  "stroke": { "kind": "token", "tokenId": "accento" },
                  "strokeWidth": 2,
                  "strokeLineCap": "round",
                  "trimStart": 0,
                  "trimEnd": 1
                }
              }
            }
          }
        ],
        "transitions": [
          {
            "id": "t1",
            "kind": "smart",
            "fromStateId": "vuoto",
            "toStateId": "pieno",
            "timing": { "duration": 1200, "easing": { "kind": "cubic", "p1x": 0.4, "p1y": 0, "p2x": 0.2, "p2y": 1 } },
            "nodeMotion": { "arco": { "spin": 1 } },
            "loop": { "mode": "loop", "count": 0, "hold": 200 },
            "trigger": { "kind": "none" }
          }
        ]
      }
    ]
  }
}