1
2  <svg class="svg_preloader" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 248 248" style="enable-background:new 0 0 248 248;" xml:space="preserve">
3<filter id="goo">
4      <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"></feGaussianBlur>
5      <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 60 -20"></feColorMatrix>
6</filter>
7<circle stroke="#fff" fill="none" stroke-width="3" cx="124" cy="124" r="120"></circle>
8<g id="shape" filter="url(#goo)">
9	<circle stroke="#fff" fill="none" stroke-width="10" cx="124" cy="124" r="105"></circle>
10	<circle fill="#fff" cx="0" cy="0" r="36" transform="translate(124 124)">
11		<animateTransform attributeName="transform" type="scale" additive="sum" values="1.3;0.55;0.55;1.3" keyTimes="0;0.4;0.6;1" dur="2s" repeatCount="indefinite"></animateTransform> 
12	</circle>
13	<circle fill="#fff" cx="0" cy="0" r="22">
14		<animateMotion path="M124.1,124l-14.9-14.9c-22.3-22.3-2.5-60.3,28.4-54.4c13.3,2.6,26.1,9,36.4,19.4
15		c10.1,10.1,16.5,22.4,19.2,35.4c6.5,31.3-31.7,51.9-54.3,29.3L124.1,124z" dur="2s" repeatCount="indefinite"></animateMotion>
16	</circle>
17	<circle fill="#fff" cx="0" cy="0" r="22">
18		<animateMotion path="M124.1,124l15.2,15.2c22.2,22.2,2.5,60-28.3,54.2c-13.5-2.5-26.4-9-36.8-19.4c-8.9-8.9-14.9-19.5-18-30.7
19		c-9.1-32.5,31.4-55.7,55.2-31.8L124.1,124z" dur="2s" repeatCount="indefinite"></animateMotion>
20	</circle>
21</g>
22</svg>
23