import Svg, { Path } 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'>
    <Path
      fill={color}
      d='M12.005 21.833a9.5 9.5 0 0 1-3.828-.777 10 10 0 0 1-3.124-2.113 10 10 0 0 1-2.11-3.124 9.5 9.5 0 0 1-.777-3.822q0-2.037.779-3.832a10 10 0 0 1 2.109-3.124A9.9 9.9 0 0 1 8.18 2.94 9.6 9.6 0 0 1 12 2.167a9.6 9.6 0 0 1 3.574.683q.446.183.554.491a.85.85 0 0 1-.36 1.032q-.261.156-.573.006a8.4 8.4 0 0 0-1.549-.47A8.4 8.4 0 0 0 12 3.75q-3.426 0-5.838 2.406T3.75 11.992t2.415 5.844 5.843 2.414 5.836-2.412T20.249 12q0-.573-.075-1.135a8 8 0 0 0-.229-1.107q-.108-.344.082-.59a.9.9 0 0 1 .476-.32.8.8 0 0 1 .58.067q.295.143.42.568a9.6 9.6 0 0 1 .33 2.517q0 2.025-.774 3.823a9.9 9.9 0 0 1-2.104 3.126 10 10 0 0 1-3.123 2.105 9.5 9.5 0 0 1-3.827.78m8.207-17.045h-1.38a.76.76 0 0 1-.56-.228.77.77 0 0 1-.227-.563.77.77 0 0 1 .227-.564.76.76 0 0 1 .56-.229h1.38v-1.37q0-.334.228-.565a.76.76 0 0 1 .562-.231q.334 0 .564.23a.77.77 0 0 1 .229.565v1.371h1.371q.333 0 .564.232a.77.77 0 0 1 .232.567q0 .335-.232.56a.78.78 0 0 1-.564.225h-1.371v1.379a.75.75 0 0 1-.232.56.78.78 0 0 1-.567.227.76.76 0 0 1-.56-.227.77.77 0 0 1-.224-.56zm-4.665 5.979q.57 0 .969-.399.4-.397.4-.966 0-.57-.398-.969a1.31 1.31 0 0 0-.967-.4q-.568 0-.969.398-.4.399-.4.967 0 .57.399.969.398.4.966.4m-7.1 0q.57 0 .969-.399.4-.397.4-.966 0-.57-.398-.969a1.31 1.31 0 0 0-.967-.4q-.569 0-.968.398-.4.399-.4.967 0 .57.398.969.397.4.966.4m3.542 6.616a5.35 5.35 0 0 0 4.54-2.446.54.54 0 0 0-.018-.562.55.55 0 0 0-.505-.275h-8.01q-.347 0-.511.275a.52.52 0 0 0-.006.556 5.2 5.2 0 0 0 1.93 1.802q1.195.65 2.58.65'
    />
  </Svg>
);
export default SvgComponent;
