Circle X Icon (icons/circle-x.tsx)

React component displaying a circle with an X, suitable for close or error actions in UI elements.

// Source: https://github.com/mperkins0155/giselle | License: Apache-2.0 | Copyright 2024 ROUTE06, Inc
// Provided via justclaw.it.com; keep this notice with the code.
import clsx from "clsx/lite";
import type { FC, SVGProps } from "react";

const _CircleXIcon: FC<SVGProps<SVGSVGElement>> = ({ className, ...props }) => (
	<svg
		width="20"
		height="21"
		viewBox="0 0 20 21"
		xmlns="http://www.w3.org/2000/svg"
		role="graphics-symbol"
		className={clsx("fill-current", className)}
		{...props}
	>
		<g clipPath="url(#clip0_6417_28957)">
			<path d="M9.78182 0.5C4.38182 0.5 0 4.88182 0 10.2818C0 15.6818 4.38182 20.0636 9.78182 20.0636C15.1818 20.0636 19.5636 15.6818 19.5636 10.2818C19.5636 4.88182 15.1818 0.5 9.78182 0.5ZM14.0545 13.2636C14.4091 13.6182 14.4091 14.1909 14.0545 14.5455C13.872

... (truncated -- full source via MCP)