@ryohey/react-svg-spinners
Version:
> A collection of [SVG Spinners](https://github.com/n3r4zzurr0/svg-spinners) components for React.
5 lines (4 loc) • 2.55 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export default function BlocksScale({ 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: [_jsxs("rect", { x: "1.5", y: "1.5", rx: "1", width: "9", height: "9", children: [_jsx("animate", { id: "a", begin: "0;b.end+0.15s", attributeName: "x", dur: dur, values: "1.5;.5;1.5", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "0;b.end+0.15s", attributeName: "y", dur: dur, values: "1.5;.5;1.5", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "0;b.end+0.15s", attributeName: "width", dur: dur, values: "9;11;9", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "0;b.end+0.15s", attributeName: "height", dur: dur, values: "9;11;9", keyTimes: "0;.2;1" })] }), _jsxs("rect", { x: "13.5", y: "1.5", rx: "1", width: "9", height: "9", children: [_jsx("animate", { begin: "a.begin+0.15s", attributeName: "x", dur: dur, values: "13.5;12.5;13.5", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "a.begin+0.15s", attributeName: "y", dur: dur, values: "1.5;.5;1.5", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "a.begin+0.15s", attributeName: "width", dur: dur, values: "9;11;9", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "a.begin+0.15s", attributeName: "height", dur: dur, values: "9;11;9", keyTimes: "0;.2;1" })] }), _jsxs("rect", { x: "13.5", y: "13.5", rx: "1", width: "9", height: "9", children: [_jsx("animate", { begin: "a.begin+0.3s", attributeName: "x", dur: dur, values: "13.5;12.5;13.5", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "a.begin+0.3s", attributeName: "y", dur: dur, values: "13.5;12.5;13.5", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "a.begin+0.3s", attributeName: "width", dur: dur, values: "9;11;9", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "a.begin+0.3s", attributeName: "height", dur: dur, values: "9;11;9", keyTimes: "0;.2;1" })] }), _jsxs("rect", { x: "1.5", y: "13.5", rx: "1", width: "9", height: "9", children: [_jsx("animate", { id: "b", begin: "a.begin+0.45s", attributeName: "x", dur: dur, values: "1.5;.5;1.5", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "a.begin+0.45s", attributeName: "y", dur: dur, values: "13.5;12.5;13.5", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "a.begin+0.45s", attributeName: "width", dur: dur, values: "9;11;9", keyTimes: "0;.2;1" }), _jsx("animate", { begin: "a.begin+0.45s", attributeName: "height", dur: dur, values: "9;11;9", keyTimes: "0;.2;1" })] })] }));
}