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.07 kB
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; export default function SixDotsRotate({ width = 24, height = 24, dur = "0.75", color, }) { return (_jsx("svg", { width: width, height: height, fill: color, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsxs("g", { children: [_jsx("circle", { cx: "12", cy: "2.5", r: "1.5", opacity: ".14" }), _jsx("circle", { cx: "16.75", cy: "3.77", r: "1.5", opacity: ".29" }), _jsx("circle", { cx: "20.23", cy: "7.25", r: "1.5", opacity: ".43" }), _jsx("circle", { cx: "21.50", cy: "12.00", r: "1.5", opacity: ".57" }), _jsx("circle", { cx: "20.23", cy: "16.75", r: "1.5", opacity: ".71" }), _jsx("circle", { cx: "16.75", cy: "20.23", r: "1.5", opacity: ".86" }), _jsx("circle", { cx: "12", cy: "21.5", r: "1.5" }), _jsx("animateTransform", { attributeName: "transform", type: "rotate", calcMode: "discrete", dur: dur, values: "0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12", repeatCount: "indefinite" })] }) })); }