import { DEFAULT_ICON_COLOR } from "../SocialIcon";
import { SocialIconSVGProps } from "../types";

export const XIcon = ({ color }: SocialIconSVGProps) => (
  <svg
    width="18"
    height="16"
    viewBox="0 0 18 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M13.9087 0.499756H16.5028L10.8072 6.86507L17.4614 15.4998H12.2396L8.15118 10.2525L3.47069 15.4998H0.876679L6.91056 8.69164L0.53833 0.499756H5.88988L9.58352 5.29311L13.9087 0.499756ZM13.0008 14.0053H14.4388L5.13423 1.93887H3.58911L13.0008 14.0053Z"
      fill={color ?? DEFAULT_ICON_COLOR}
      fillOpacity="0.75"
    />
  </svg>
);