Files
web-menu-react-version/src/components/Icons/InfoIcon.tsx
2025-11-18 00:21:33 +03:00

36 lines
1008 B
TypeScript

interface InfoIconType {
className?: string;
onClick?: () => void;
}
const InfoIcon = ({ className, onClick }: InfoIconType) => {
return (
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<g clipPath="url(#clip0_2505_25450)">
<path
d="M9.99984 13.3337V10.0003M9.99984 6.66699H10.0082M18.3332 10.0003C18.3332 14.6027 14.6022 18.3337 9.99984 18.3337C5.39746 18.3337 1.6665 14.6027 1.6665 10.0003C1.6665 5.39795 5.39746 1.66699 9.99984 1.66699C14.6022 1.66699 18.3332 5.39795 18.3332 10.0003Z"
stroke="var(--secondary-foreground)"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_2505_25450">
<rect width="20" height="20" fill="white" />
</clipPath>
</defs>
</svg>
);
};
export default InfoIcon;