51 lines
1.6 KiB
XML
51 lines
1.6 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
x="0px"
|
|
y="0px"
|
|
viewBox="0 0 88 102.2"
|
|
xml:space="preserve"
|
|
style="enable-background:new 0 0 88 102.2; transform: scale(.25);"
|
|
>
|
|
<style>
|
|
.st2{fill:#0682B4;}
|
|
.st3{fill:#31B7E9;}
|
|
#mask {
|
|
transform-origin: 70px 50px;
|
|
animation-name: animateMask;
|
|
animation-duration: 5s;
|
|
animation-direction: alternate;
|
|
animation-iteration-count: infinite;
|
|
animation-delay: 0.5s;
|
|
transform: rotate(45deg) scale(0.125);
|
|
}
|
|
@keyframes animateMask {
|
|
10% {
|
|
transform: rotate(45deg) scale(.125);
|
|
}
|
|
80%, 100% {
|
|
transform: rotate(360deg) scale(1);
|
|
}
|
|
}
|
|
</style>
|
|
<defs>
|
|
<clipPath id="clip-mask">
|
|
<rect
|
|
x="0"
|
|
y="0"
|
|
width="108"
|
|
height="108"
|
|
id="mask"
|
|
rx="12"
|
|
/>
|
|
</clipPath>
|
|
</defs>
|
|
<g clip-path="url(#clip-mask)">
|
|
<polygon class="st2" points="88,52.6 88,52.6 38.4,3 24.2,17.2 59.7,52.6 24.3,88 38.4,102.2 " />
|
|
<polygon class="st3" points="85,49.6 85,49.6 35.4,0 21.2,14.2 56.7,49.6 21.3,85 35.4,99.2 " />
|
|
<polyline class="st2" points="10.6,74.4 14.2,78 42.5,49.6 38.7,45.8 " />
|
|
<polyline class="st3" points="38.7,45.9 14.2,21.3 0,35.4 14.2,49.6 0,63.8 10.6,74.4 " />
|
|
</g>
|
|
</svg>
|