UNPKG

@ryohey/react-svg-spinners

Version:

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

5 lines (4 loc) 645 B
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; export default function Pulse({ width = 24, height = 24, dur = "1.2s", color, }) { return (_jsx("svg", { width: width, height: height, fill: color, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsxs("circle", { cx: "12", cy: "12", r: "0", children: [_jsx("animate", { attributeName: "r", calcMode: "spline", dur: dur, values: "0;11", keySplines: ".52,.6,.25,.99", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", calcMode: "spline", dur: dur, values: "1;0", keySplines: ".52,.6,.25,.99", repeatCount: "indefinite" })] }) })); }