UNPKG

@ryohey/react-svg-spinners

Version:

> A collection of [SVG Spinners](https://github.com/n3r4zzurr0/svg-spinners) components for React.

5 lines (4 loc) 1.86 kB
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; export default function BlocksShuffleThree({ width = 24, height = 24, dur = "0.2s", 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", y: "1", rx: "1", width: "10", height: "10", children: [_jsx("animate", { id: "a", begin: "0;l.end", attributeName: "x", dur: dur, values: "1;13", fill: "freeze" }), _jsx("animate", { id: "d", begin: "c.end", attributeName: "y", dur: dur, values: "1;13", fill: "freeze" }), _jsx("animate", { id: "g", begin: "f.end", attributeName: "x", dur: dur, values: "13;1", fill: "freeze" }), _jsx("animate", { id: "j", begin: "i.end", attributeName: "y", dur: dur, values: "13;1", fill: "freeze" })] }), _jsxs("rect", { x: "1", y: "13", rx: "1", width: "10", height: "10", children: [_jsx("animate", { id: "b", begin: "a.end", attributeName: "y", dur: dur, values: "13;1", fill: "freeze" }), _jsx("animate", { id: "e", begin: "d.end", attributeName: "x", dur: dur, values: "1;13", fill: "freeze" }), _jsx("animate", { id: "h", begin: "g.end", attributeName: "y", dur: dur, values: "1;13", fill: "freeze" }), _jsx("animate", { id: "k", begin: "j.end", attributeName: "x", dur: dur, values: "13;1", fill: "freeze" })] }), _jsxs("rect", { x: "13", y: "13", rx: "1", width: "10", height: "10", children: [_jsx("animate", { id: "c", begin: "b.end", attributeName: "x", dur: dur, values: "13;1", fill: "freeze" }), _jsx("animate", { id: "f", begin: "e.end", attributeName: "y", dur: dur, values: "13;1", fill: "freeze" }), _jsx("animate", { id: "i", begin: "h.end", attributeName: "x", dur: dur, values: "1;13", fill: "freeze" }), _jsx("animate", { id: "l", begin: "k.end", attributeName: "y", dur: dur, values: "1;13", fill: "freeze" })] })] })); }