ShapeShifter.design file animating between pencil and checkmark

check-pencil-morph.shapeshifter

{
  "version": 1,
  "layers": {
    "vectorLayer": {
      "id": "27225",
      "name": "vector",
      "type": "vector",
      "width": 16,
      "height": 16,
      "children": [
        {
          "id": "27223",
          "name": "pencil_checkmark",
          "type": "path",
          "pathData": "M 11.75 6.25 L 11.5 6.5 L 8.5 9.5 L 7 11 L 5 9 L 4.75 8.75",
          "fillAlpha": 0,
          "strokeColor": "#000000",
          "strokeWidth": 2,
          "strokeLinecap": "square"
        },
        {
          "id": "39311",
          "name": "stroke",
          "type": "path",
          "pathData": "M 10.5 7.5 L 10.5 7.5",
          "fillAlpha": 0.8,
          "strokeColor": "#000000",
          "strokeWidth": 1
        }
      ]
    },
    "hiddenLayerIds": []
  },
  "timeline": {
    "animation": {
      "id": "2",
      "name": "anim",
      "duration": 300,
      "blocks": [
        {
          "id": "27235",
          "layerId": "27223",
          "propertyName": "pathData",
          "startTime": 0,
          "endTime": 300,
          "interpolator": "FAST_OUT_SLOW_IN",
          "type": "path",
          "fromValue": "M 4.75 8.75 L 5 9 L 7 11 L 8.5 9.5 L 11.5 6.5 L 11.75 6.25",
          "toValue": "M 10.5 3 L 4 9.5 L 3.5 12.5 L 6.5 12 L 13 5.5 L 10.5 3"
        },
        {
          "id": "37220",
          "layerId": "27223",
          "propertyName": "strokeWidth",
          "startTime": 0,
          "endTime": 300,
          "interpolator": "FAST_OUT_SLOW_IN",
          "type": "number",
          "fromValue": 2,
          "toValue": 1
        },
        {
          "id": "39323",
          "layerId": "39311",
          "propertyName": "pathData",
          "startTime": 200,
          "endTime": 300,
          "interpolator": "FAST_OUT_SLOW_IN",
          "type": "path",
          "fromValue": "M 10.5 7.5 L 10.5 7.5",
          "toValue": "M 8.5 5.5 L 10.5 7.5"
        },
        {
          "id": "170737",
          "layerId": "39311",
          "propertyName": "strokeWidth",
          "startTime": 150,
          "endTime": 300,
          "interpolator": "FAST_OUT_SLOW_IN",
          "type": "number",
          "fromValue": 2,
          "toValue": 1
        }
      ]
    }
  }
}