import type { SvgProps } from "react-native-svg";
import Svg, { Path } 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.596 11.642q.638-.694.944-1.594t.306-1.856-.306-1.856a4.4 4.4 0 0 0-.944-1.594q1.317.151 2.187 1.138t.87 2.312q0 1.327-.87 2.313a3.33 3.33 0 0 1-2.187 1.137m4.863 7.666q.188-.345.288-.733.099-.389.099-.787v-.827q0-.817-.333-1.556a3.6 3.6 0 0 0-.944-1.267q1.15.384 2.117 1.033.967.65.967 1.79v.827q0 .633-.443 1.076a1.47 1.47 0 0 1-1.076.444zm2.194-8.558h-1.25a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535a.73.73 0 0 1 .534-.215h1.25V8q0-.319.216-.534a.73.73 0 0 1 .535-.216q.318 0 .534.216a.73.73 0 0 1 .215.534v1.25h1.25q.319 0 .535.216a.73.73 0 0 1 .215.534q0 .319-.215.534a.73.73 0 0 1-.535.216h-1.25V12q0 .318-.215.534a.73.73 0 0 1-.535.216.72.72 0 0 1-.534-.216.73.73 0 0 1-.216-.534zm-11.307.942q-1.444 0-2.472-1.028T4.846 8.192 5.874 5.72t2.472-1.028 2.472 1.028 1.028 2.472-1.028 2.472-2.472 1.028m-7.5 6.096v-.704q0-.735.399-1.36a2.66 2.66 0 0 1 1.066-.963 14.5 14.5 0 0 1 2.991-1.09 12.95 12.95 0 0 1 6.087 0q1.509.364 2.991 1.09.667.337 1.066.963.4.625.4 1.36v.704q0 .633-.444 1.076a1.47 1.47 0 0 1-1.075.444H2.364q-.632 0-1.076-.444a1.47 1.47 0 0 1-.443-1.076'
    />
  </Svg>
);
export default SvgComponent;
