@ryohey/react-svg-spinners/dist/GooeyBallsOne.js

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

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export default function GooeyBallsOne({ width = 24, height = 24, dur = "0.75s", color, }) {
    return (_jsxs("svg", { width: width, height: height, fill: color, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsxs("filter", { id: "g", children: [_jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "1.5", result: "b" }), _jsx("feColorMatrix", { in: "b", mode: "matrix", values: "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7", result: "g" }), _jsx("feBlend", { in: "SourceGraphic", in2: "g" })] }) }), _jsxs("g", { filter: "url(#g)", children: [_jsxs("circle", { cx: "4", cy: "12", r: "3", children: [_jsx("animate", { attributeName: "cx", calcMode: "spline", dur: dur, values: "4;9;4", keySplines: ".56,.52,.17,.98;.56,.52,.17,.98", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "r", calcMode: "spline", dur: dur, values: "3;8;3", keySplines: ".56,.52,.17,.98;.56,.52,.17,.98", repeatCount: "indefinite" })] }), _jsxs("circle", { cx: "15", cy: "12", r: "8", children: [_jsx("animate", { attributeName: "cx", calcMode: "spline", dur: dur, values: "15;20;15", keySplines: ".56,.52,.17,.98;.56,.52,.17,.98", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "r", calcMode: "spline", dur: dur, values: "8;3;8", keySplines: ".56,.52,.17,.98;.56,.52,.17,.98", repeatCount: "indefinite" })] })] })] }));
}