33 lines
1.6 KiB
TypeScript
33 lines
1.6 KiB
TypeScript
import { FC } from 'react';
|
|
|
|
interface IconClockProps {
|
|
className?: string;
|
|
fill?: boolean;
|
|
duotone?: boolean;
|
|
}
|
|
|
|
const IconClock: FC<IconClockProps> = ({ className, fill = false, duotone = true }) => {
|
|
return (
|
|
<>
|
|
{!fill ? (
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
|
<circle opacity={duotone ? '0.5' : '1'} cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="1.5" />
|
|
<path d="M12 8V12L14.5 14.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
|
</svg>
|
|
) : (
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
|
<path opacity={duotone ? '0.5' : '1'} d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="currentColor" />
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M12 7.25C12.4142 7.25 12.75 7.58579 12.75 8V11.6893L15.0303 13.9697C15.3232 14.2626 15.3232 14.7374 15.0303 15.0303C14.7374 15.3232 14.2626 15.3232 13.9697 15.0303L11.4697 12.5303C11.329 12.3897 11.25 12.1989 11.25 12V8C11.25 7.58579 11.5858 7.25 12 7.25Z"
|
|
fill={duotone ? 'currentColor' : 'white'}
|
|
/>
|
|
</svg>
|
|
)}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default IconClock;
|