const React = require("react");
const SparklesIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <g filter="url(#filter0_iii_18_454)">
      <path
        d="M15.8212 11.106C15.6508 11.7678 15.0721 12.2615 14.3881 12.6035C12.4492 13.2744 10.9176 13.9197 9.65029 14.5462C8.52838 15.1008 8.53921 16.8535 9.66476 17.4007C10.9799 18.04 12.631 18.6532 14.4648 19.3801C14.9579 19.5756 15.6547 20.1278 15.8281 20.8066C16.3626 22.8983 17.0898 25.1126 17.8906 27.1568C18.5122 28.7436 20.049 28.7424 20.6737 27.1568C21.4846 25.0984 22.1006 22.875 22.7959 20.7596C22.9623 20.1064 23.455 19.5899 24.0903 19.3649C25.8073 18.7566 27.4624 18.0702 28.8115 17.476C30.0714 16.9211 30.0974 15.1195 28.8533 14.5301C27.5247 13.9007 25.8721 13.1719 24.082 12.5214C23.452 12.2925 22.9673 11.8093 22.7433 11.1235C21.9888 8.81255 21.5107 6.85329 20.7091 4.81862C20.0844 3.23297 18.4445 3.28177 17.8198 4.86742C17.0212 6.89458 16.4637 8.91235 15.8212 11.106Z"
        fill="url(#paint0_linear_18_454)"
      />
    </g>
    <path
      d="M15.8212 11.106C15.6508 11.7678 15.0721 12.2615 14.3881 12.6035C12.4492 13.2744 10.9176 13.9197 9.65029 14.5462C8.52838 15.1008 8.53921 16.8535 9.66476 17.4007C10.9799 18.04 12.631 18.6532 14.4648 19.3801C14.9579 19.5756 15.6547 20.1278 15.8281 20.8066C16.3626 22.8983 17.0898 25.1126 17.8906 27.1568C18.5122 28.7436 20.049 28.7424 20.6737 27.1568C21.4846 25.0984 22.1006 22.875 22.7959 20.7596C22.9623 20.1064 23.455 19.5899 24.0903 19.3649C25.8073 18.7566 27.4624 18.0702 28.8115 17.476C30.0714 16.9211 30.0974 15.1195 28.8533 14.5301C27.5247 13.9007 25.8721 13.1719 24.082 12.5214C23.452 12.2925 22.9673 11.8093 22.7433 11.1235C21.9888 8.81255 21.5107 6.85329 20.7091 4.81862C20.0844 3.23297 18.4445 3.28177 17.8198 4.86742C17.0212 6.89458 16.4637 8.91235 15.8212 11.106Z"
      fill="url(#paint1_linear_18_454)"
    />
    <g filter="url(#filter1_ii_18_454)">
      <path
        d="M7.76802 5.8163C7.71317 6.02931 7.52694 6.18821 7.30679 6.29828C6.68272 6.5142 6.18977 6.72192 5.78188 6.92356C5.42078 7.10206 5.42427 7.66617 5.78654 7.84228C6.20981 8.04806 6.74125 8.24542 7.33147 8.47939C7.49016 8.5423 7.71443 8.72003 7.77026 8.9385C7.94229 9.61173 8.17635 10.3244 8.43408 10.9824C8.63416 11.4931 9.12879 11.4927 9.32984 10.9824C9.59083 10.3199 9.78911 9.60424 10.0129 8.92337C10.0665 8.71315 10.225 8.54692 10.4295 8.47448C10.9821 8.27872 11.5148 8.05779 11.9491 7.86653C12.3546 7.68793 12.3629 7.10808 11.9625 6.91838C11.5349 6.7158 11.003 6.48121 10.4268 6.27186C10.224 6.19817 10.068 6.04267 9.99597 5.82194C9.75311 5.07814 9.59923 4.44754 9.34123 3.79266C9.14017 3.28231 8.61237 3.29802 8.41131 3.80837C8.15427 4.46083 7.97482 5.11026 7.76802 5.8163Z"
        fill="url(#paint2_linear_18_454)"
      />
    </g>
    <path
      d="M7.76802 5.8163C7.71317 6.02931 7.52694 6.18821 7.30679 6.29828C6.68272 6.5142 6.18977 6.72192 5.78188 6.92356C5.42078 7.10206 5.42427 7.66617 5.78654 7.84228C6.20981 8.04806 6.74125 8.24542 7.33147 8.47939C7.49016 8.5423 7.71443 8.72003 7.77026 8.9385C7.94229 9.61173 8.17635 10.3244 8.43408 10.9824C8.63416 11.4931 9.12879 11.4927 9.32984 10.9824C9.59083 10.3199 9.78911 9.60424 10.0129 8.92337C10.0665 8.71315 10.225 8.54692 10.4295 8.47448C10.9821 8.27872 11.5148 8.05779 11.9491 7.86653C12.3546 7.68793 12.3629 7.10808 11.9625 6.91838C11.5349 6.7158 11.003 6.48121 10.4268 6.27186C10.224 6.19817 10.068 6.04267 9.99597 5.82194C9.75311 5.07814 9.59923 4.44754 9.34123 3.79266C9.14017 3.28231 8.61237 3.29802 8.41131 3.80837C8.15427 4.46083 7.97482 5.11026 7.76802 5.8163Z"
      fill="url(#paint3_linear_18_454)"
    />
    <g filter="url(#filter2_i_18_454)">
      <path
        d="M5.22603 20.0657C5.14954 20.3627 4.88985 20.5843 4.58287 20.7378C3.71262 21.0389 3.02523 21.3285 2.45645 21.6097C1.95292 21.8586 1.95778 22.6452 2.46294 22.8908C3.05318 23.1778 3.79424 23.453 4.61727 23.7792C4.83856 23.8669 5.15129 24.1148 5.22914 24.4194C5.46904 25.3582 5.79543 26.3521 6.15482 27.2695C6.43382 27.9817 7.12356 27.9812 7.40392 27.2695C7.76785 26.3457 8.04434 25.3478 8.3564 24.3983C8.43108 24.1052 8.65218 23.8734 8.93732 23.7724C9.70794 23.4994 10.4508 23.1913 11.0563 22.9246C11.6217 22.6756 11.6334 21.867 11.075 21.6025C10.4788 21.32 9.73705 20.9929 8.93363 20.7009C8.65084 20.5982 8.4333 20.3813 8.3328 20.0735C7.99414 19.0363 7.77956 18.157 7.41979 17.2438C7.13942 16.5321 6.40343 16.554 6.12306 17.2657C5.76463 18.1755 5.51439 19.0811 5.22603 20.0657Z"
        fill="url(#paint4_radial_18_454)"
      />
    </g>
    <defs>
      <filter
        id="filter0_iii_18_454"
        x={8.4147}
        y={3.4035}
        width={21.6068}
        height={25.1929}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.25} dy={-0.25} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.937255 0 0 0 0 0.482353 0 0 0 0 0.329412 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_454"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.25} dy={0.25} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.737255 0 0 0 0 0.615686 0 0 0 0 0.415686 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_454"
          result="effect2_innerShadow_18_454"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.4} dy={0.25} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.901961 0 0 0 0 0.458824 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect2_innerShadow_18_454"
          result="effect3_innerShadow_18_454"
        />
      </filter>
      <filter
        id="filter1_ii_18_454"
        x={5.41294}
        y={3.41766}
        width={6.94512}
        height={8.04763}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.1} dy={0.1} />
        <feGaussianBlur stdDeviation={0.1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.803922 0 0 0 0 0.6 0 0 0 0 0.262745 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_454"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.1} dy={0.1} />
        <feGaussianBlur stdDeviation={0.1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.882353 0 0 0 0 0.423529 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_454"
          result="effect2_innerShadow_18_454"
        />
      </filter>
      <filter
        id="filter2_i_18_454"
        x={2.08142}
        y={16.5709}
        width={9.55576}
        height={11.2326}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.458824 0 0 0 0 0.462745 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_454"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_454"
        x1={26.1287}
        y1={11.2713}
        x2={15.0524}
        y2={22.9314}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFCF5A" />
        <stop offset={1} stopColor="#FEA254" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_454"
        x1={14.7537}
        y1={29.2903}
        x2={20.7916}
        y2={16.5541}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF886D" />
        <stop offset={1} stopColor="#FF886D" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_454"
        x1={11.0856}
        y1={5.86949}
        x2={7.52059}
        y2={9.62239}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFDA72" />
        <stop offset={1} stopColor="#F7A967" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_454"
        x1={8.8855}
        y1={11.9803}
        x2={8.8855}
        y2={7.85532}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FDA071" />
        <stop offset={1} stopColor="#FDA071" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_454"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.0135 18.5671) rotate(127.221) scale(7.07598 6.89067)"
      >
        <stop offset={0.364601} stopColor="#FFBC64" />
        <stop offset={1} stopColor="#FF8F6B" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = SparklesIcon;