import React from "react"
import { IconProps } from "./types"

export default function AiStarIcon({
  width = 96,
  height = 96,
  color = "#F45562 ",
}: IconProps) {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 96 96"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect
        x="24"
        y="24"
        width="49.1718"
        height="49.1718"
        rx="18"
        stroke={color}
        strokeWidth="4"
      />
      <path
        d="M58.2588 47.3856C52.4253 45.7743 51.3957 44.7444 49.7863 38.9131C49.6368 38.3737 49.1441 38.0001 48.586 38.0001C48.0278 38.0001 47.5328 38.3737 47.3856 38.9131C45.7766 44.7444 44.7467 45.7745 38.9131 47.3856C38.3737 47.5351 38.0001 48.0255 38.0001 48.586C38.0001 49.1464 38.3737 49.6368 38.9131 49.7863C44.7467 51.3976 45.7763 52.4275 47.3856 58.2588C47.5328 58.7983 48.0255 59.1719 48.586 59.1719C49.1464 59.1719 49.6368 58.7982 49.7863 58.2588C51.3976 52.4253 52.4275 51.3975 58.2588 49.7863C58.7983 49.6368 59.1719 49.1464 59.1719 48.586C59.1719 48.0255 58.7982 47.5351 58.2588 47.3856Z"
        fill={color}
      />
    </svg>
  )
}