import React from "react";
import { Svg, SvgProps } from "../../Svg";

export const Sparkle = (props: SvgProps) => {
  return (
    <Svg width="51" height="50" viewBox="0 0 51 50" {...props}>
      <path
        fill="currentColor"
        d="M25.6434 30.6078L31.9923 43.3056C32.1088 43.5386 32.4445 43.5287 32.5472 43.2893L37.976 30.6221C38.0069 30.5499 38.0645 30.4923 38.1367 30.4614L50.8039 25.0326C51.0433 24.9299 51.0532 24.5942 50.8202 24.4777L38.1244 18.1298C38.0597 18.0974 38.0085 18.0432 37.98 17.9766L32.5573 5.32372C32.4531 5.08045 32.1101 5.07535 31.9986 5.3154L26.1174 17.9827C26.0882 18.0455 26.0386 18.0965 25.9767 18.1275L13.2662 24.4827C13.0349 24.5984 13.0424 24.931 13.2787 25.036L25.494 30.465C25.5588 30.4938 25.6116 30.5443 25.6434 30.6078Z"
      />
      <path
        fill="currentColor"
        d="M6.45313 13.9054L9.20343 19.7065C9.3158 19.9435 9.65476 19.9385 9.76011 19.6983L12.2979 13.9116C12.3298 13.8391 12.3885 13.7817 12.4618 13.7516L18.1318 11.4203C18.3741 11.3207 18.3873 10.9826 18.1536 10.8643L12.4442 7.9748C12.3817 7.94316 12.3319 7.89103 12.3032 7.82712L9.75907 2.1602C9.6527 1.92325 9.31809 1.91825 9.20468 2.15192L6.44749 7.83309C6.41826 7.8933 6.3701 7.94227 6.31039 7.97249L0.59636 10.8643C0.362665 10.9826 0.375931 11.3207 0.618174 11.4203L6.29301 13.7535C6.36342 13.7825 6.42051 13.8366 6.45313 13.9054Z"
      />
      <path
        fill="currentColor"
        d="M9.22223 42.3165L11.8009 47.8228C11.9127 48.0615 12.254 48.0566 12.3588 47.8147L14.738 42.3227C14.7695 42.25 14.828 42.1923 14.9012 42.1618L20.2246 39.9461C20.4651 39.846 20.4784 39.5102 20.2465 39.3913L14.8834 36.6436C14.8211 36.6117 14.7716 36.5593 14.7432 36.4953L12.3578 31.1162C12.2519 30.8775 11.915 30.8725 11.8022 31.108L9.21661 36.5012C9.18768 36.5616 9.13977 36.6108 9.08022 36.6413L3.71262 39.3913C3.48071 39.5102 3.49399 39.846 3.73456 39.9461L9.06272 42.1638C9.13304 42.1931 9.18992 42.2476 9.22223 42.3165Z"
      />
    </Svg>
  );
};
