83 lines
3.9 KiB
XML
83 lines
3.9 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="1381.32" y1="-1144.67" x2="1399.47" y2="-1097.39" gradientTransform="translate(-1189.41 1353.24) 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="1436.71" y1="-1137" x2="1454.86" y2="-1089.72" gradientTransform="translate(-1189.32 1354.33) rotate(-9)" xlink:href="#b"/>
|
|
<linearGradient id="d" x1="1492.12" y1="-1129.34" x2="1510.27" y2="-1082.06" gradientTransform="translate(-1189.24 1355.43) rotate(-9)" 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>
|
|
<symbol id="f" viewBox="0 0 129 57" overflow="visible">
|
|
<!-- raindrop-1 -->
|
|
<path d="M8.5,56.5a8,8,0,0,1-8-8V8.5a8,8,0,0,1,16,0v40A8,8,0,0,1,8.5,56.5Z" stroke="#0a5ad4" stroke-miterlimit="10" fill="url(#b)" opacity="0">
|
|
<animateTransform
|
|
id="x1"
|
|
attributeName="transform"
|
|
additive="sum"
|
|
type="translate"
|
|
values="0 -60; 0 60"
|
|
begin="0s; x1.end+.33s"
|
|
dur=".67s"/>
|
|
|
|
<animate
|
|
id="y1"
|
|
attributeName="opacity"
|
|
values="0; 1; 0"
|
|
begin="0s; y1.end+.33s"
|
|
dur=".67s"
|
|
keyTimes="0; .25; 1"/>
|
|
</path>
|
|
|
|
<!-- raindrop-2 -->
|
|
<path d="M64.5,56.5a8,8,0,0,1-8-8V8.5a8,8,0,0,1,16,0v40A8,8,0,0,1,64.5,56.5Z" stroke="#0a5ad4" stroke-miterlimit="10" fill="url(#c)" opacity="0">
|
|
<animateTransform
|
|
id="x2"
|
|
attributeName="transform"
|
|
additive="sum"
|
|
type="translate"
|
|
values="0 -60; 0 60"
|
|
begin=".33s; x2.end+.33s"
|
|
dur=".67s"/>
|
|
|
|
<animate
|
|
id="y2"
|
|
attributeName="opacity"
|
|
values="0; 1; 0"
|
|
begin=".33s; y2.end+.33s"
|
|
dur=".67s"
|
|
keyTimes="0; .25; 1"/>
|
|
</path>
|
|
|
|
<!-- raindrop-3 -->
|
|
<path d="M120.5,56.5a8,8,0,0,1-8-8V8.5a8,8,0,0,1,16,0v40A8,8,0,0,1,120.5,56.5Z" stroke="#0a5ad4" stroke-miterlimit="10" fill="url(#d)" opacity="0">
|
|
<animateTransform
|
|
id="x3"
|
|
attributeName="transform"
|
|
additive="sum"
|
|
type="translate"
|
|
values="0 -60; 0 60"
|
|
begin="-.33s; x3.end+.33s"
|
|
dur=".67s"/>
|
|
|
|
<animate
|
|
id="y3"
|
|
attributeName="opacity"
|
|
values="0; 1; 0"
|
|
begin="-.33s; y3.end+.33s"
|
|
dur=".67s"
|
|
keyTimes="0; .25; 1"/>
|
|
</path>
|
|
</symbol>
|
|
</defs>
|
|
<use width="350" height="222" transform="translate(81 145)" xlink:href="#e"/>
|
|
<use width="129" height="57" transform="translate(191.5 343.5)" xlink:href="#f"/>
|
|
</svg>
|