const XColorIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="34"
      height="34"
      viewBox="0 0 34 34"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M7.48266 2.71989C4.85378 2.71989 2.72266 4.85101 2.72266 7.47989V26.5199C2.72266 29.1488 4.85378 31.2799 7.48266 31.2799H26.5227C29.1515 31.2799 31.2827 29.1488 31.2827 26.5199V7.47989C31.2827 4.85101 29.1515 2.71989 26.5227 2.71989H7.48266ZM8.90109 8.83989H14.2986L18.1316 14.2865L22.7827 8.83989H24.4827L18.8992 15.3769L25.7842 25.1599H20.388L15.9402 18.8407L10.5427 25.1599H8.84266L15.1725 17.7503L8.90109 8.83989ZM11.5042 10.1999L21.0973 23.7999H23.1811L13.588 10.1999H11.5042Z"
        fill="currentColor"
      />
    </svg>
  );
};

export { XColorIcon };