From 57246e885544bd76c4ec2cafbb1adc530e382fa6 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Sat, 19 Jun 2021 10:02:39 +0200 Subject: new play/skip icon --- components/play-skip.shapeshifter | 50 +++++----- components/play-skip.tsx | 188 +++++++++++++++++++------------------- 2 files changed, 119 insertions(+), 119 deletions(-) (limited to 'components') diff --git a/components/play-skip.shapeshifter b/components/play-skip.shapeshifter index 2bd84a1..0907ce3 100644 --- a/components/play-skip.shapeshifter +++ b/components/play-skip.shapeshifter @@ -2,37 +2,37 @@ "version": 1, "layers": { "vectorLayer": { - "id": "76", + "id": "8845", "name": "vector", "type": "vector", "width": 24, "height": 24, "children": [ { - "id": "24", - "name": "bottom", + "id": "8799", + "name": "triangle", "type": "path", - "pathData": "M 16.8 11.4 C 17.131 11.842 17.042 12.469 16.6 12.8 L 12.6 15.8 C 12.158 16.131 11.531 16.042 11.2 15.6 C 10.869 15.158 10.958 14.531 11.4 14.2 L 15.4 11.2 C 15.842 10.869 16.469 10.958 16.8 11.4 Z", + "pathData": "M 17 12 C 17 12.622 16.68 13.2 16.152 13.53 L 9.378 17.764 C 9.131 17.918 8.846 18 8.554 18 C 7.696 18 7 17.304 7 16.446 L 7 7.554 C 7 6.696 7.696 6 8.554 6 C 8.846 6 9.131 6.082 9.378 6.236 L 16.152 10.47 C 16.68 10.8 17 11.378 17 12 Z", "fillColor": "#ffffff", - "strokeWidth": 1, - "fillType": "evenOdd" + "strokeWidth": 1 }, { - "id": "46", + "id": "8821", "name": "top", "type": "path", - "pathData": "M 11.2 8.4 C 11.531 7.958 12.158 7.869 12.6 8.2 L 16.6 11.2 C 17.042 11.531 17.131 12.158 16.8 12.6 C 16.469 13.042 15.842 13.131 15.4 12.8 L 11.4 9.8 C 10.958 9.469 10.869 8.842 11.2 8.4 Z", + "pathData": "M 10.519 8.855 C 10.806 8.383 11.421 8.232 11.893 8.519 L 16.167 11.114 C 16.639 11.401 16.789 12.016 16.502 12.488 C 16.216 12.96 15.601 13.11 15.129 12.824 L 10.855 10.229 C 10.383 9.942 10.232 9.327 10.519 8.855 Z", "fillColor": "#ffffff", "strokeWidth": 1, "fillType": "evenOdd" }, { - "id": "74", - "name": "triangle", + "id": "49460", + "name": "bottom", "type": "path", - "pathData": "M 9.187 17.886 L 17.573 12.761 C 17.838 12.599 18 12.311 18 12 C 18 11.689 17.838 11.401 17.573 11.239 L 9.187 6.114 C 9.065 6.04 8.924 6 8.78 6 C 8.349 6 8 6.349 8 6.78 L 8 17.22 C 8 17.651 8.349 18 8.78 18 C 8.924 18 9.065 17.96 9.187 17.886 Z", + "pathData": "M 10.519 15.145 C 10.232 14.673 10.383 14.058 10.855 13.771 L 15.129 11.176 C 15.601 10.889 16.216 11.04 16.502 11.512 C 16.789 11.984 16.639 12.599 16.167 12.886 L 11.893 15.481 C 11.421 15.768 10.806 15.617 10.519 15.145 Z", "fillColor": "#ffffff", - "strokeWidth": 1 + "strokeWidth": 1, + "fillType": "evenOdd" } ] }, @@ -40,42 +40,42 @@ }, "timeline": { "animation": { - "id": "2", + "id": "8771", "name": "anim", "duration": 300, "blocks": [ { - "id": "164", - "layerId": "24", + "id": "8933", + "layerId": "8821", "propertyName": "pathData", "startTime": 0, "endTime": 300, "interpolator": "FAST_OUT_SLOW_IN", "type": "path", - "fromValue": "M 16.8 11.4 C 17.131 11.842 17.042 12.469 16.6 12.8 L 12.6 15.8 C 12.158 16.131 11.531 16.042 11.2 15.6 C 10.869 15.158 10.958 14.531 11.4 14.2 L 15.4 11.2 C 15.842 10.869 16.469 10.958 16.8 11.4 Z", - "toValue": "M 17 11 C 17.552 11 18 11.448 18 12 L 18 17 C 18 17.552 17.552 18 17 18 C 16.448 18 16 17.552 16 17 L 16 12 C 16 11.448 16.448 11 17 11 Z" + "fromValue": "M 10.519 8.855 C 10.806 8.383 11.421 8.232 11.893 8.519 L 16.167 11.114 C 16.639 11.401 16.789 12.016 16.502 12.488 C 16.216 12.96 15.601 13.11 15.129 12.824 L 10.855 10.229 C 10.383 9.942 10.232 9.327 10.519 8.855 Z", + "toValue": "M 17 6 C 17.552 6 18 6.448 18 7 L 18 12 C 18 12.552 17.552 13 17 13 C 16.448 13 16 12.552 16 12 L 16 7 C 16 6.448 16.448 6 17 6 Z" }, { - "id": "3557", - "layerId": "46", + "id": "11607", + "layerId": "8799", "propertyName": "pathData", "startTime": 0, "endTime": 300, "interpolator": "FAST_OUT_SLOW_IN", "type": "path", - "fromValue": "M 11.2 8.4 C 11.531 7.958 12.158 7.869 12.6 8.2 L 16.6 11.2 C 17.042 11.531 17.131 12.158 16.8 12.6 C 16.469 13.042 15.842 13.131 15.4 12.8 L 11.4 9.8 C 10.958 9.469 10.869 8.842 11.2 8.4 Z", - "toValue": "M 17 6 C 17.552 6 18 6.448 18 7 L 18 12 C 18 12.552 17.552 13 17 13 C 16.448 13 16 12.552 16 12 L 16 7 C 16 6.448 16.448 6 17 6 Z" + "fromValue": "M 17 12 C 17 12.622 16.68 13.2 16.152 13.53 L 9.378 17.764 C 9.131 17.918 8.846 18 8.554 18 C 7.696 18 7 17.304 7 16.446 L 7 7.554 C 7 6.696 7.696 6 8.554 6 C 8.846 6 9.131 6.082 9.378 6.236 L 16.152 10.47 C 16.68 10.8 17 11.378 17 12 Z", + "toValue": "M 14 12 C 14 12.625 13.688 13.208 13.168 13.555 L 8.387 16.742 C 8.135 16.91 7.838 17 7.535 17 C 6.687 17 6 16.313 6 15.465 L 6 8.535 C 6 7.687 6.687 7 7.535 7 C 7.838 7 8.135 7.09 8.387 7.258 L 13.168 10.445 C 13.688 10.792 14 11.375 14 12 Z" }, { - "id": "6889", - "layerId": "74", + "id": "49568", + "layerId": "49460", "propertyName": "pathData", "startTime": 0, "endTime": 300, "interpolator": "FAST_OUT_SLOW_IN", "type": "path", - "fromValue": "M 9.187 17.886 L 17.573 12.761 C 17.838 12.599 18 12.311 18 12 C 18 11.689 17.838 11.401 17.573 11.239 L 9.187 6.114 C 9.065 6.04 8.924 6 8.78 6 C 8.349 6 8 6.349 8 6.78 L 8 17.22 C 8 17.651 8.349 18 8.78 18 C 8.924 18 9.065 17.96 9.187 17.886 Z", - "toValue": "M 7.191 16.877 L 13.579 12.77 C 13.841 12.602 14 12.312 14 12 C 14 11.688 13.841 11.398 13.579 11.23 L 7.191 7.123 C 7.066 7.043 6.921 7 6.773 7 C 6.346 7 6 7.346 6 7.773 L 6 16.227 C 6 16.654 6.346 17 6.773 17 C 6.921 17 7.066 16.957 7.191 16.877 Z" + "fromValue": "M 10.519 15.145 C 10.232 14.673 10.383 14.058 10.855 13.771 L 15.129 11.176 C 15.601 10.889 16.216 11.04 16.502 11.512 C 16.789 11.984 16.639 12.599 16.167 12.886 L 11.893 15.481 C 11.421 15.768 10.806 15.617 10.519 15.145 Z", + "toValue": "M 17 18 C 16.448 18 16 17.552 16 17 L 16 12 C 16 11.448 16.448 11 17 11 C 17.552 11 18 11.448 18 12 L 18 17 C 18 17.552 17.552 18 17 18 Z" } ] } diff --git a/components/play-skip.tsx b/components/play-skip.tsx index 8493710..c63afe7 100644 --- a/components/play-skip.tsx +++ b/components/play-skip.tsx @@ -1,251 +1,251 @@ export default function PlaySkipIconAni() { return
- + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + -- cgit v1.2.3