@ryohey/react-svg-spinners/dist/ThreeDotsFade.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 ThreeDotsFade({ 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("circle", { cx: "4", cy: "12", r: "3", opacity: "1", children: _jsx("animate", { id: "a", begin: "0;b.end-0.25s", attributeName: "opacity", dur: dur, values: "1;.2", fill: "freeze" }) }), _jsx("circle", { cx: "12", cy: "12", r: "3", opacity: ".4", children: _jsx("animate", { begin: "a.begin+0.15s", attributeName: "opacity", dur: dur, values: "1;.2", fill: "freeze" }) }), _jsx("circle", { cx: "20", cy: "12", r: "3", opacity: ".3", children: _jsx("animate", { id: "b", begin: "a.begin+0.3s", attributeName: "opacity", dur: dur, values: "1;.2", fill: "freeze" }) })] }));
}