42 lines
1.6 KiB
XML
42 lines
1.6 KiB
XML
<svg viewBox="0 0 100 100" width="64" height="64" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<g id="ray-a">
|
|
<rect x="18" y="-3" height="6" rx="3">
|
|
<animate attributeName="width" values="20;25;20" dur="5s" repeatCount="indefinite" />
|
|
</rect>
|
|
<circle cy="0" r="3">
|
|
<animate attributeName="cx" values="47;40;47" dur="5s" repeatCount="indefinite" />
|
|
</circle>
|
|
</g>
|
|
<g id="ray-b">
|
|
<rect x="18" y="-3" height="6" rx="3">
|
|
<animate attributeName="width" values="25;20;25" dur="5s" repeatCount="indefinite" />
|
|
</rect>
|
|
<circle cy="0" r="3">
|
|
<animate attributeName="cx" values="40;47;40" dur="5s" repeatCount="indefinite" />
|
|
</circle>
|
|
</g>
|
|
</defs>
|
|
|
|
<mask fill="white" id="mask">
|
|
<circle cx="50" cy="50" r="14" />
|
|
<use href="#ray-a" transform="translate(50 50) rotate(0 0 0)" />
|
|
<use href="#ray-a" transform="translate(50 50) rotate(90 0 0)" />
|
|
<use href="#ray-a" transform="translate(50 50) rotate(180 0 0)" />
|
|
<use href="#ray-a" transform="translate(50 50) rotate(270 0 0)" />
|
|
<use href="#ray-b" transform="translate(50 50) rotate(45 0 0)" />
|
|
<use href="#ray-b" transform="translate(50 50) rotate(135 0 0)" />
|
|
<use href="#ray-b" transform="translate(50 50) rotate(225 0 0) " />
|
|
<use href="#ray-b" transform="translate(50 50) rotate(315 0 0)" />
|
|
</mask>
|
|
|
|
<rect width="100" height="100" fill="white" mask="url(#mask)">
|
|
<animateTransform
|
|
attributeName="transform"
|
|
type="rotate"
|
|
values="0 50 50;90 50 50"
|
|
dur="10s"
|
|
repeatCount="indefinite"
|
|
/>
|
|
</rect>
|
|
</svg>
|