en.javascript.info/7-animation/2-css-animations/ease.svg

<svg xmlns="http://www.w3.org/2000/svg" width="149" height="187" viewBox="0 0 149 187"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="animation" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="ease.svg"><path id="Path-1" stroke="#A7333A" stroke-width="2" d="M23.688 143.905c25.1-9.89 25.1-100.414 100.467-100.414"/><path id="Line" stroke="#DBAF88" stroke-linecap="square" d="M24.5 143.5l24-9"/><path id="Line-2" stroke="#DBAF88" stroke-linecap="square" d="M50.5 43.5h73.3"/><circle id="Oval-1" cx="24" cy="144" r="4" fill="#FFF" stroke="#DBAF88"/><circle id="Oval-2" cx="124" cy="43" r="4" fill="#FFF" stroke="#DBAF88"/><circle id="Oval-3" cx="49" cy="43" r="4" fill="#FFF" stroke="#DBAF88"/><circle id="Oval-4" cx="49" cy="134" r="4" fill="#FFF" stroke="#DBAF88"/><text id="1" fill="#AF6E24" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="20" y="165">1</tspan></text><text id="2" fill="#AF6E24" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="45" y="156">2</tspan></text><text id="3" fill="#AF6E24" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="45" y="35">3</tspan></text><text id="4" fill="#AF6E24" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="121" y="35">4</tspan></text></g></g></svg>