@ryohey/react-svg-spinners
Version:
> A collection of [SVG Spinners](https://github.com/n3r4zzurr0/svg-spinners) components for React.
5 lines (4 loc) • 3.36 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export default function SixDotsScale({ width = 24, height = 24, dur = "0.6s", color, }) {
return (_jsxs("svg", { width: width, height: height, fill: color, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "12", cy: "3", r: "0", children: _jsx("animate", { id: "a", begin: "0;l.end-0.5s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) }), _jsx("circle", { cx: "16.50", cy: "4.21", r: "0", children: _jsx("animate", { id: "b", begin: "a.begin+0.1s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) }), _jsx("circle", { cx: "7.50", cy: "4.21", r: "0", children: _jsx("animate", { id: "l", begin: "k.begin+0.1s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) }), _jsx("circle", { cx: "19.79", cy: "7.50", r: "0", children: _jsx("animate", { id: "c", begin: "b.begin+0.1s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) }), _jsx("circle", { cx: "4.21", cy: "7.50", r: "0", children: _jsx("animate", { id: "k", begin: "j.begin+0.1s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) }), _jsx("circle", { cx: "21.00", cy: "12.00", r: "0", children: _jsx("animate", { id: "d", begin: "c.begin+0.1s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) }), _jsx("circle", { cx: "3.00", cy: "12.00", r: "0", children: _jsx("animate", { id: "j", begin: "i.begin+0.1s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) }), _jsx("circle", { cx: "19.79", cy: "16.50", r: "0", children: _jsx("animate", { id: "e", begin: "d.begin+0.1s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) }), _jsx("circle", { cx: "4.21", cy: "16.50", r: "0", children: _jsx("animate", { id: "i", begin: "h.begin+0.1s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) }), _jsx("circle", { cx: "16.50", cy: "19.79", r: "0", children: _jsx("animate", { id: "f", begin: "e.begin+0.1s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) }), _jsx("circle", { cx: "7.50", cy: "19.79", r: "0", children: _jsx("animate", { id: "h", begin: "g.begin+0.1s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) }), _jsx("circle", { cx: "12", cy: "21", r: "0", children: _jsx("animate", { id: "g", begin: "f.begin+0.1s", attributeName: "r", calcMode: "spline", dur: dur, values: "0;2;0", keyTimes: "0;.2;1", keySplines: "0,1,0,1;.53,0,.61,.73", fill: "freeze" }) })] }));
}