import Svg, { Path, type SvgProps } from 'react-native-svg';

const SvgComponent = (props: SvgProps) => (
  <Svg fill="none" aria-label="Qwik Logo" viewBox="-4 0 53 53" {...props}>
    <Path
      fill="#18B6F6"
      d="M40.973 52.535 32.086 43.7l-.136.019v-.097L13.051 24.959l4.657-4.495-2.736-15.697L1.991 20.851C-.221 23.08-.629 26.704.963 29.378l8.11 13.449c1.242 2.073 3.493 3.313 5.918 3.294l4.017-.039 21.965 6.453Z"
    />
    <Path
      fill="#AC7EF4"
      d="m45.823 20.541-1.785-3.294-.931-1.686-.369-.659-.039.039-4.89-8.469a6.846 6.846 0 0 0-5.995-3.43l-4.288.117-12.788.038a6.847 6.847 0 0 0-5.86 3.372l-7.78 15.425L15.01 4.729l18.24 20.038-3.24 3.275 1.94 15.677.019-.039v.039h-.039l.039.038 1.513 1.473 7.354 7.19c.31.29.815-.058.602-.427l-4.54-8.933 7.916-14.63.252-.291c.097-.117.194-.233.272-.35 1.552-2.112 1.766-4.94.485-7.247Z"
    />
    <Path
      fill="#fff"
      d="M33.308 24.688 15.01 4.748l2.6 15.619-4.657 4.515L31.91 43.699l-1.707-15.62 3.105-3.39Z"
    />
  </Svg>
);
export default SvgComponent;
