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.45 15.629a5.4 5.4 0 0 1-1.647-.223 3.24 3.24 0 0 1-1.384-.825 3.7 3.7 0 0 1-.796-1.178 3.55 3.55 0 0 1-.277-1.388q0-.288.035-.555a2.5 2.5 0 0 1 .128-.53.68.68 0 0 0-.012-.479.568.568 0 0 0-.773-.329.55.55 0 0 0-.31.343q-.126.375-.193.755a4.719 4.719 0 0 0 .306 2.634q.373.885 1.054 1.565a4.16 4.16 0 0 0 1.717 1.075 6.8 6.8 0 0 0 2.037.343l-.695.694a.59.59 0 0 0-.181.414q-.005.238.181.424a.58.58 0 0 0 .42.187.58.58 0 0 0 .419-.187l1.561-1.561a.87.87 0 0 0 .272-.633.87.87 0 0 0-.272-.633l-1.561-1.561a.59.59 0 0 0-.414-.182.57.57 0 0 0-.425.182.58.58 0 0 0-.186.419.58.58 0 0 0 .186.42zm-.906-7.273q.85 0 1.655.238.805.24 1.392.825.519.52.796 1.178.277.66.277 1.388 0 .288-.035.555a2.5 2.5 0 0 1-.129.53.7.7 0 0 0 .012.487.58.58 0 0 0 .311.341.58.58 0 0 0 .462 0 .53.53 0 0 0 .311-.338 5 5 0 0 0 .192-.768q.068-.391.068-.792 0-.972-.358-1.855a4.7 4.7 0 0 0-1.054-1.58 4.2 4.2 0 0 0-1.733-1.067 6.6 6.6 0 0 0-2.036-.32l.71-.709a.61.61 0 0 0 .166-.414.57.57 0 0 0-.182-.424.58.58 0 0 0-.419-.187.58.58 0 0 0-.42.187L9.97 7.192a.87.87 0 0 0-.272.633q0 .362.271.633l1.562 1.561a.59.59 0 0 0 .414.182q.238.005.424-.182a.58.58 0 0 0 .187-.419.58.58 0 0 0-.187-.42zM12 21.5a9.2 9.2 0 0 1-3.703-.749 9.6 9.6 0 0 1-3.016-2.032 9.6 9.6 0 0 1-2.032-3.016A9.2 9.2 0 0 1 2.5 12q0-1.97.749-3.703a9.6 9.6 0 0 1 2.032-3.016 9.6 9.6 0 0 1 3.016-2.032A9.2 9.2 0 0 1 12 2.5q1.97 0 3.703.749a9.6 9.6 0 0 1 3.016 2.032 9.6 9.6 0 0 1 2.032 3.016q.75 1.734.749 3.703 0 1.97-.749 3.703a9.6 9.6 0 0 1-2.032 3.016 9.6 9.6 0 0 1-3.016 2.032q-1.734.75-3.703.749'
    />
  </Svg>
);
export default SvgComponent;
