<svg viewBox="0 0 200 200">
<polygon fill="#dd4814" points = "97.3,0 127.4,60.9 194.6,70.7 145.9,118.1 157.4,185.1 97.3,153.5 37.2,185.1 48.6,118.1 0,70.7 67.2,60.9">
>
<animate
attributeName="points"
dur="1200ms"
fill ="freeze"
to = "110,58.2 147.3,0 192.1,29 141.7,105.1 118.7,139.8 88.8,185.1 46.1,156.5 0,125 23.5,86.6 71.1,116.7"
/>
</polygon>
</svg>
<!-- 图形动画变形过程需要两个SVG图形实现，需要有相同个数的点数 -->
<!-- fill ="freeze" 画面保持在最后一个图标 -->