<svg width="44" height="44" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg">
    <g fill="none" fill-rule="evenodd">
        <g stroke="#FFF" stroke-width="2">
            <circle cx="22" cy="22" r="1">
                <animate attributeName="r"
                     begin="0s" dur="2.2s"
                     values="1; 20"
                     calcMode="spline"
                     keyTimes="0; 1"
                     keySplines="0.165, 0.84, 0.44, 1"
                     repeatCount="indefinite" />
                <animate attributeName="stroke-opacity"
                     begin="0s" dur="2.2s"
                     values="1; 0"
                     calcMode="spline"
                     keyTimes="0; 1"
                     keySplines="0.165, 0.84, 0.44, 1"
                     repeatCount="indefinite" />
            </circle>
        </g>
    </g>
</svg>