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='M16.52 13.902a.7.7 0 0 1-.349-.454.75.75 0 0 1 .057-.575q.146-.256.225-.544a5 5 0 0 0 .119-.585 1.05 1.05 0 0 1 .287-.531.73.73 0 0 1 .534-.213q.32 0 .527.233a.7.7 0 0 1 .177.551 6 6 0 0 1-.186.928 4 4 0 0 1-.362.873.72.72 0 0 1-.449.366.74.74 0 0 1-.58-.05m-3.692-4.163L9.67 6.56a1.8 1.8 0 0 1-.386-.58 1.8 1.8 0 0 1-.14-.694V5q0-1.048.725-1.774a2.41 2.41 0 0 1 1.774-.726q1.048 0 1.774.726T14.143 5v4.187q0 .52-.473.72-.473.201-.842-.168M10.893 20v-2.542a6.35 6.35 0 0 1-3.827-1.839Q5.472 14.043 5.2 11.775a.65.65 0 0 1 .167-.547.68.68 0 0 1 .527-.228q.32 0 .535.22t.286.54a4.8 4.8 0 0 0 1.68 3.038A4.85 4.85 0 0 0 11.644 16q.965 0 1.814-.344a4.9 4.9 0 0 0 1.502-.954l1.07 1.069a6.4 6.4 0 0 1-1.65 1.121 6.3 6.3 0 0 1-1.987.566V20a.73.73 0 0 1-.215.535.73.73 0 0 1-.535.215.73.73 0 0 1-.535-.215.73.73 0 0 1-.215-.535m8.447 1.189L2.204 4.053a.72.72 0 0 1-.213-.522A.7.7 0 0 1 2.205 3a.72.72 0 0 1 .527-.217q.31 0 .527.217l17.134 17.135q.208.207.213.522a.7.7 0 0 1-.213.532.72.72 0 0 1-.527.217.72.72 0 0 1-.526-.217'
      />
    </G>
  </Svg>
);
export default SvgComponent;
