29 lines
1.3 KiB
TypeScript
29 lines
1.3 KiB
TypeScript
import { FC } from 'react';
|
|
|
|
interface IconMinusCircleProps {
|
|
className?: string;
|
|
fill?: boolean;
|
|
}
|
|
|
|
const IconMinusCircle: FC<IconMinusCircleProps> = ({ className, fill = false }) => {
|
|
return (
|
|
<>
|
|
{fill ? (
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
|
<path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
|
|
<path
|
|
d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z"
|
|
fill="currentColor"
|
|
/>
|
|
</svg>
|
|
) : (
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
|
<circle opacity="0.5" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="1.5" />
|
|
<path d="M15 12H9" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
|
|
</svg>
|
|
)}
|
|
</>
|
|
);
|
|
};
|
|
export default IconMinusCircle;
|