86 lines
3.3 KiB
XML
86 lines
3.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
|
|
<defs>
|
|
<linearGradient id="a" x1="99.45" y1="30.68" x2="232.64" y2="261.37" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0" stop-color="#f3f7fe"/>
|
|
<stop offset="0.45" stop-color="#f3f7fe"/>
|
|
<stop offset="1" stop-color="#deeafb"/>
|
|
</linearGradient>
|
|
<linearGradient id="b" x1="1314.78" y1="-739.91" x2="1324.24" y2="-715.27" gradientTransform="translate(-989.44 1287.05) rotate(-9)" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0" stop-color="#0b65ed"/>
|
|
<stop offset="0.45" stop-color="#0a5ad4"/>
|
|
<stop offset="1" stop-color="#0950bc"/>
|
|
</linearGradient>
|
|
<linearGradient id="c" x1="1370.09" y1="-731.15" x2="1379.55" y2="-706.51" xlink:href="#b"/>
|
|
<linearGradient id="d" x1="1425.4" y1="-722.39" x2="1434.86" y2="-697.75" xlink:href="#b"/>
|
|
<symbol id="e" viewBox="0 0 350 222">
|
|
<path d="M291,107c-.85,0-1.68.09-2.53.13A83.9,83.9,0,0,0,135.6,42.92,55.91,55.91,0,0,0,51,91a56.56,56.56,0,0,0,.8,9.08A60,60,0,0,0,63,219c1.35,0,2.67-.11,4-.2v.2H291a56,56,0,0,0,0-112Z" stroke="#e6effc" stroke-miterlimit="10" stroke-width="6" fill="url(#a)"/>
|
|
</symbol>
|
|
</defs>
|
|
|
|
<!-- cloud -->
|
|
<use width="350" height="222" transform="translate(81 145)" xlink:href="#e"/>
|
|
|
|
<!-- raindrop-1 -->
|
|
<path d="M200,376a8,8,0,0,1-8-8V356a8,8,0,0,1,16,0v12A8,8,0,0,1,200,376Z" stroke="#0a5ad4" stroke-miterlimit="10" fill="url(#b)" opacity="0">
|
|
<animateTransform
|
|
id="x1"
|
|
attributeName="transform"
|
|
additive="sum"
|
|
type="translate"
|
|
values="0 -32; 0 -32; 0 120;"
|
|
begin="0s; x1.end+1s"
|
|
dur="1s"
|
|
keyTimes="0; .25; 1"/>
|
|
|
|
<animate
|
|
id="y1"
|
|
attributeName="opacity"
|
|
values="0; 1; 0"
|
|
begin="0s; y1.end+1s"
|
|
dur="1s"
|
|
keyTimes="0; .25; 1"/>
|
|
</path>
|
|
|
|
<!-- raindrop-2 -->
|
|
<path d="M256,376a8,8,0,0,1-8-8V356a8,8,0,0,1,16,0v12A8,8,0,0,1,256,376Z" stroke="#0a5ad4" stroke-miterlimit="10" fill="url(#c)" opacity="0">
|
|
<animateTransform
|
|
id="x2"
|
|
attributeName="transform"
|
|
additive="sum"
|
|
type="translate"
|
|
values="0 -32; 0 -32; 0 120;"
|
|
begin="1.34s; x2.end+1s"
|
|
dur="1s"
|
|
keyTimes="0; .25; 1"/>
|
|
|
|
<animate
|
|
id="y2"
|
|
attributeName="opacity"
|
|
values="0; 1; 0"
|
|
begin="1.34s; y2.end+1s"
|
|
dur="1s"
|
|
keyTimes="0; .25; 1"/>
|
|
</path>
|
|
|
|
<!-- raindrop-3 -->
|
|
<path d="M312,376a8,8,0,0,1-8-8V356a8,8,0,0,1,16,0v12A8,8,0,0,1,312,376Z" stroke="#0a5ad4" stroke-miterlimit="10" fill="url(#d)" opacity="0">
|
|
<animateTransform
|
|
id="x3"
|
|
attributeName="transform"
|
|
additive="sum"
|
|
type="translate"
|
|
values="0 -32; 0 -32; 0 120;"
|
|
begin=".67s; x3.end+1s"
|
|
dur="1s"
|
|
keyTimes="0; .25; 1"/>
|
|
|
|
<animate
|
|
id="y3"
|
|
attributeName="opacity"
|
|
values="0; 1; 0"
|
|
begin=".67s; y3.end+1s"
|
|
dur="1s"
|
|
keyTimes="0; .25; 1"/>
|
|
</path>
|
|
</svg>
|