mirror of
https://bitbucket.org/Mattrixwv/mattrixwvreactcomponents.git
synced 2025-12-06 13:43:59 -05:00
39 lines
802 B
TypeScript
39 lines
802 B
TypeScript
import type { LoadingVariousProps } from "$/types/Loading";
|
|
|
|
|
|
export default function SpinningTadpole({
|
|
width,
|
|
height,
|
|
className,
|
|
animationDuration = 0.75,
|
|
stroke,
|
|
fill
|
|
}: LoadingVariousProps){
|
|
//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/tadpole.svg
|
|
|
|
|
|
return (
|
|
<svg
|
|
width={width}
|
|
height={height}
|
|
viewBox="0 0 24 24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M12,23a9.63,9.63,0,0,1-8-9.5,9.51,9.51,0,0,1,6.79-9.1A1.66,1.66,0,0,0,12,2.81h0a1.67,1.67,0,0,0-1.94-1.64A11,11,0,0,0,12,23Z"
|
|
className={className}
|
|
stroke={stroke}
|
|
fill={fill}
|
|
>
|
|
<animateTransform
|
|
attributeName="transform"
|
|
type="rotate"
|
|
dur={animationDuration}
|
|
values="0 12 12;360 12 12"
|
|
repeatCount="indefinite"
|
|
/>
|
|
</path>
|
|
</svg>
|
|
);
|
|
}
|