// Domino icons — 24px grid, 1.5px stroke, rounded caps. No emoji, ever.
const Ic = ({ children, className = '', size }) => (
  <svg className={`icon ${className}`} viewBox="0 0 24 24" style={size ? { width: size, height: size } : undefined}>{children}</svg>
);

const IconArrowRight = (p) => <Ic {...p}><path d="M5 12h14M13 5l7 7-7 7" /></Ic>;
const IconArrowLeft  = (p) => <Ic {...p}><path d="M19 12H5M11 5l-7 7 7 7" /></Ic>;
const IconChevron    = (p) => <Ic {...p}><path d="m9 6 6 6-6 6" /></Ic>;
const IconCheck      = (p) => <Ic {...p}><path d="M5 13l4 4L19 7" /></Ic>;
const IconPlus       = (p) => <Ic {...p}><path d="M12 5v14M5 12h14" /></Ic>;
const IconMinus      = (p) => <Ic {...p}><path d="M5 12h14" /></Ic>;
const IconDownload   = (p) => <Ic {...p}><path d="M12 4v12M6 12l6 6 6-6M4 20h16" /></Ic>;
const IconClock      = (p) => <Ic {...p}><circle cx="12" cy="12" r="9" /><path d="M12 7v5l3 2" /></Ic>;
const IconBolt       = (p) => <Ic {...p}><path d="M13 2 4 14h7l-1 8 9-12h-7l1-8z" /></Ic>;
const IconWheel      = (p) => <Ic {...p}><circle cx="12" cy="12" r="9" /><path d="M12 3v18M3 12h18M5.6 5.6l12.8 12.8M18.4 5.6 5.6 18.4" /></Ic>;
const IconBadge      = (p) => <Ic {...p}><path d="M12 2l3 3 4-1 1 4 3 3-3 3-1 4-4-1-3 3-3-3-4 1-1-4-3-3 3-3 1-4 4 1 3-3z" /></Ic>;
const IconTrophy     = (p) => <Ic {...p}><path d="M7 4h10v5a5 5 0 0 1-10 0V4z" /><path d="M3 5h4v3a2 2 0 0 1-2 2V5z" /><path d="M21 5h-4v3a2 2 0 0 0 2 2V5z" /><path d="M10 14v3h4v-3M8 20h8" /></Ic>;
const IconUsers      = (p) => <Ic {...p}><circle cx="12" cy="8" r="3" /><path d="M5 20c0-4 3-7 7-7s7 3 7 7" /></Ic>;
const IconCamera     = (p) => <Ic {...p}><path d="M3 8h4l2-3h6l2 3h4v11H3z" /><circle cx="12" cy="13" r="3.5" /></Ic>;
const IconCard       = (p) => <Ic {...p}><rect x="3" y="6" width="18" height="12" rx="2" /><path d="M3 10h18M7 14h4" /></Ic>;
const IconCalc       = (p) => <Ic {...p}><rect x="5" y="3" width="14" height="18" rx="2" /><path d="M8 7h8M8 11h2M12 11h2M16 11h0M8 15h2M12 15h2M16 15h0M8 19h2" /></Ic>;
const IconBook       = (p) => <Ic {...p}><path d="M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2V5z" /><path d="M19 19H6a2 2 0 0 1-2-2" /></Ic>;
const IconX          = (p) => <Ic {...p}><path d="M4 4 l 11 7 L 4 20 h 4 l 8.5 -5 L 20 20 h -4 l -8.5 -5 z" fill="currentColor" stroke="none"/></Ic>;
const IconLinkedIn   = (p) => <Ic {...p}><rect x="3" y="3" width="18" height="18" rx="2" /><path d="M8 10v7M8 7v.01M12 17v-4a2 2 0 0 1 4 0v4M12 13v4" /></Ic>;
const IconGithub     = (p) => <Ic {...p}><path d="M12 2a10 10 0 0 0 -3.2 19.5 c 0.5 0.1 0.7 -0.2 0.7 -0.5 v -1.7 c -2.8 0.6 -3.3 -1.3 -3.3 -1.3 -0.5 -1.2 -1.1 -1.5 -1.1 -1.5 -0.9 -0.6 0.1 -0.6 0.1 -0.6 1 0.1 1.5 1 1.5 1 0.9 1.5 2.3 1.1 2.9 0.8 0.1 -0.6 0.3 -1.1 0.6 -1.3 -2.2 -0.2 -4.5 -1.1 -4.5 -4.9 0 -1.1 0.4 -2 1 -2.7 -0.1 -0.3 -0.5 -1.3 0.1 -2.7 0 0 0.8 -0.3 2.7 1 0.8 -0.2 1.6 -0.3 2.5 -0.3 s 1.7 0.1 2.5 0.3 c 1.9 -1.3 2.7 -1 2.7 -1 0.5 1.4 0.2 2.4 0.1 2.7 0.6 0.7 1 1.6 1 2.7 0 3.8 -2.3 4.7 -4.6 4.9 0.4 0.3 0.7 0.9 0.7 1.8 v 2.7 c 0 0.3 0.2 0.6 0.7 0.5 A 10 10 0 0 0 12 2 Z" fill="currentColor" stroke="none"/></Ic>;

window.Icons = { IconArrowRight, IconArrowLeft, IconChevron, IconCheck, IconPlus, IconMinus, IconDownload, IconClock, IconBolt, IconWheel, IconBadge, IconTrophy, IconUsers, IconCamera, IconCard, IconCalc, IconBook, IconX, IconLinkedIn, IconGithub };