@buzuosheng/loading
Version:
CSS laoding Component implemented by React
48 lines (46 loc) • 1.3 kB
JSX
import React from "react";
export const Audio = (props) => {
return (
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
width={props.width || "24px"}
height={props.height || "24px"}
viewBox="0 0 24 24"
>
<rect x="0" y="0" width="4" height="7" fill={props.color || "#1890ff"}>
<animateTransform
attributeType="xml"
attributeName="transform"
type="scale"
values="1,1; 1,3; 1,1"
begin="0s"
dur="0.6s"
repeatCount="indefinite"
/>
</rect>
<rect x="10" y="0" width="4" height="7" fill={props.color || "#1890ff"}>
<animateTransform
attributeType="xml"
attributeName="transform"
type="scale"
values="1,1; 1,3; 1,1"
begin="0.2s"
dur="0.6s"
repeatCount="indefinite"
/>
</rect>
<rect x="20" y="0" width="4" height="7" fill={props.color || "#1890ff"}>
<animateTransform
attributeType="xml"
attributeName="transform"
type="scale"
values="1,1; 1,3; 1,1"
begin="0.4s"
dur="0.6s"
repeatCount="indefinite"
/>
</rect>
</svg>
);
};