kitchn/next-recipes/components/Icon/time.tsx

import { IconComponent } from "./Icon";
import { COLORS } from '@/utils/Colors';

const Time: IconComponent = ({ size = 18, filled, color = 'default' }) => (
  <svg xmlns="http://www.w3.org/2000/svg" height={size} viewBox="0 0 24 24" width={size} fill={COLORS[color]}><path d="M0 0h24v24H0V0z" fill="none" /><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z" /></svg>
);

export default Time;