export const ExternalLinkIcon: React.FC<React.SVGAttributes<{}>> = (props) => {
  return (
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
        stroke="currentColor"
        strokeWidth={1.5}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export const ExternalLinkIconNew: React.FC<React.SVGAttributes<{}>> = (
  props
) => {
  return (
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13.332 7.165v6a.667.667 0 01-.667.666H3.332a.667.667 0 01-.667-.666V3.83a.667.667 0 01.667-.666h6a.667.667 0 000-1.334h-6a2 2 0 00-2 2v9.334a2 2 0 002 2h9.333a2 2 0 002-2v-6a.667.667 0 00-1.333 0z"
        fill="currentColor"
      />
      <path
        d="M14.001 1.831h-2a.667.667 0 100 1.334h.394l-4.867 4.86a.67.67 0 00.947.946l4.86-4.866v.393a.667.667 0 101.333 0v-2a.666.666 0 00-.667-.667z"
        fill="currentColor"
      />
    </svg>
  );
};