src/components/icons/StopIcon.jsx

/**

 * A React component that renders a stop icon using SVG.

 */
export default function StopIcon(props) {
  return (
    <svg

      {...props}

      xmlns="http://www.w3.org/2000/svg"

      width="24"

      height="24"

      viewBox="0 0 24 24"

      fill="none"

      stroke="currentColor"

      strokeWidth="2"

      strokeLinecap="round"

      strokeLinejoin="round"

    >

      <path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />

      <path

        fill="currentColor"

        d="M9 9.563C9 9.252 9.252 9 9.563 9h4.874c.311 0 .563.252.563.563v4.874c0 .311-.252.563-.563.563H9.564A.562.562 0 0 1 9 14.437V9.564Z"

      />

    </svg>
  );
}