seafood/wechat/images/loading.svg

<svg class="lds-message" width="200px" height="50px" xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 37 100 25" preserveAspectRatio="xMidYMid"
     style="background: none;">
    <g transform="translate(20 50)">
        <circle cx="0" cy="0" r="6" fill="#030303" transform="scale(0.376157 0.376157)">
            <animateTransform attributeName="transform" type="scale" begin="-0.375s" calcMode="spline"
                              keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1" dur="1s"
                              repeatCount="indefinite"></animateTransform>
        </circle>
    </g>
    <g transform="translate(40 50)">
        <circle cx="0" cy="0" r="6" fill="#d39182" transform="scale(0.731132 0.731132)">
            <animateTransform attributeName="transform" type="scale" begin="-0.25s" calcMode="spline"
                              keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1" dur="1s"
                              repeatCount="indefinite"></animateTransform>
        </circle>
    </g>
    <g transform="translate(60 50)">
        <circle cx="0" cy="0" r="6" fill="#e0e0d0" transform="scale(0.977127 0.977127)">
            <animateTransform attributeName="transform" type="scale" begin="-0.125s" calcMode="spline"
                              keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1" dur="1s"
                              repeatCount="indefinite"></animateTransform>
        </circle>
    </g>
    <g transform="translate(80 50)">
        <circle cx="0" cy="0" r="6" fill="#b4b524" transform="scale(0.917903 0.917903)">
            <animateTransform attributeName="transform" type="scale" begin="0s" calcMode="spline"
                              keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1" dur="1s"
                              repeatCount="indefinite"></animateTransform>
        </circle>
    </g>
</svg>