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.002 21.5a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-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.017-2.032A9.25 9.25 0 0 1 12 2.5q.831 0 1.626.13.795.129 1.551.405.32.116.505.397.183.283.183.622v.944q0 .729.512 1.24.513.512 1.24.512h.624v1.152q0 .497.367.865.368.368.865.368h.823q.336 0 .612.204a.97.97 0 0 1 .367.544q.125.51.175 1.034T21.5 12q0 1.972-.748 3.705a9.6 9.6 0 0 1-2.03 3.016 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749M12 17.192q1.346 0 2.484-.637a5.2 5.2 0 0 0 1.847-1.73.55.55 0 0 0-.009-.549.5.5 0 0 0-.472-.276h-7.7a.5.5 0 0 0-.472.276.55.55 0 0 0-.009.549 5.2 5.2 0 0 0 1.859 1.73q1.149.637 2.472.637m-3.402-6.384q.546 0 .926-.383.38-.381.38-.927t-.382-.926a1.27 1.27 0 0 0-.928-.38q-.546 0-.926.383-.38.381-.38.927t.382.926q.383.38.928.38m6.808 0q.546 0 .926-.383.38-.381.38-.927t-.383-.926a1.27 1.27 0 0 0-.928-.38q-.545 0-.925.383-.38.381-.38.927t.382.926q.382.38.928.38M20.25 4.75H19a.73.73 0 0 1-.534-.216A.73.73 0 0 1 18.25 4q0-.32.216-.534A.73.73 0 0 1 19 3.25h1.25V2q0-.318.216-.534A.73.73 0 0 1 21 1.25q.32 0 .535.216A.73.73 0 0 1 21.75 2v1.25H23q.318 0 .534.216A.73.73 0 0 1 23.75 4q0 .32-.216.535A.73.73 0 0 1 23 4.75h-1.25V6q0 .319-.216.534A.73.73 0 0 1 21 6.75a.73.73 0 0 1-.535-.216A.73.73 0 0 1 20.25 6z'
      />
    </G>
  </Svg>
);
export default SvgComponent;