import Svg, { Mask, Path, G } from "react-native-svg";
import type { SvgProps } from "react-native-svg";
const SvgComponent = ({ height, width, color }: SvgProps) => (
  <Svg width={width} height={height} fill='none' viewBox='0 0 24 24'>
    <Mask
      id='prefix__a'
      width={24}
      height={24}
      x={0}
      y={0}
      maskUnits='userSpaceOnUse'
      style={{
        maskType: "alpha",
      }}
    >
      <Path fill='#D9D9D9' d='M0 0h24v24H0z' />
    </Mask>
    <G mask='url(#prefix__a)'>
      <Path
        fill={color}
        d='M12 21.5q-1.972 0-3.705-.748a9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.03-3.016 9.25 9.25 0 0 1-.749-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.017A9.25 9.25 0 0 1 21.5 12v1.22q0 1.368-.94 2.324t-2.31.956q-.885 0-1.64-.433a3.2 3.2 0 0 1-1.195-1.19 4.6 4.6 0 0 1-1.531 1.198A4.3 4.3 0 0 1 12 16.5q-1.873 0-3.187-1.313Q7.5 13.873 7.5 12t1.313-3.187Q10.128 7.5 12 7.5t3.187 1.313Q16.5 10.128 16.5 12v1.22q0 .736.507 1.258T18.25 15t1.243-.522.507-1.259V12q0-3.35-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20h4.25q.318 0 .535.216a.73.73 0 0 1 .215.534q0 .32-.215.535a.73.73 0 0 1-.535.215zm0-6.5q1.25 0 2.125-.875A2.9 2.9 0 0 0 15 12q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 9q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 12q0 1.25.875 2.125A2.9 2.9 0 0 0 12 15'
      />
    </G>
  </Svg>
);
export default SvgComponent;
