48 lines
1.1 KiB
Plaintext
48 lines
1.1 KiB
Plaintext
package svgs
|
|
|
|
templ LoadingSVG(className string) {
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class={ className }
|
|
fill="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<style>
|
|
.spinner_l9ve {
|
|
animation: spinner_rcyq 1.2s cubic-bezier(0.52, 0.6, 0.25, 0.99) infinite;
|
|
}
|
|
.spinner_cMYp {
|
|
animation-delay: 0.4s;
|
|
}
|
|
.spinner_gHR3 {
|
|
animation-delay: 0.8s;
|
|
}
|
|
@keyframes spinner_rcyq {
|
|
0% {
|
|
transform: translate(12px, 12px) scale(0);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translate(0, 0) scale(1);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
</style>
|
|
<path
|
|
class="spinner_l9ve"
|
|
d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
|
|
transform="translate(12, 12) scale(0)"
|
|
></path>
|
|
<path
|
|
class="spinner_l9ve spinner_cMYp"
|
|
d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
|
|
transform="translate(12, 12) scale(0)"
|
|
></path>
|
|
<path
|
|
class="spinner_l9ve spinner_gHR3"
|
|
d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
|
|
transform="translate(12, 12) scale(0)"
|
|
></path>
|
|
</svg>
|
|
}
|