datajunction-ui/src/app/icons/InvalidIcon.jsx

DataJunction UI

const InvalidIcon = ({ width = '25px', height = '25px', style = {} }) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={width}
    height={height}
    style={style}
    fill="currentColor"
    className="bi bi-x-circle-fill"
    viewBox="0 0 16 16"
    data-testid="invalid-icon"
  >
    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
  </svg>
);

export default InvalidIcon;