@ryohey/react-svg-spinners
Version:
> A collection of [SVG Spinners](https://github.com/n3r4zzurr0/svg-spinners) components for React.
6 lines (5 loc) • 909 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { stringDurationToFloat } from "./util";
export default function Clock({ width = 24, height = 24, dur = "9s", color, }) {
return (_jsxs("svg", { width: width, height: height, fill: color, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { 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" }), _jsx("rect", { x: "11", y: "6", rx: "1", width: "2", height: "7", children: _jsx("animateTransform", { attributeName: "transform", type: "rotate", dur: dur, values: "0 12 12;360 12 12", repeatCount: "indefinite" }) }), _jsx("rect", { x: "11", y: "11", rx: "1", width: "2", height: "9", children: _jsx("animateTransform", { attributeName: "transform", type: "rotate", dur: stringDurationToFloat(dur) / 12, values: "0 12 12;360 12 12", repeatCount: "indefinite" }) })] }));
}