// Simple stroke-icon set. Black 1.75 stroke, rounded caps.
const Ico = ({ children, size = 20, stroke = 1.75 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
       stroke="currentColor" strokeWidth={stroke}
       strokeLinecap="round" strokeLinejoin="round" style={{ display: 'block' }}>
    {children}
  </svg>
);

const I = {
  home:    (p) => <Ico {...p}><path d="M4 11 12 4l8 7"/><path d="M6 10v10h12V10"/></Ico>,
  map:     (p) => <Ico {...p}><path d="M9 4 3 6v14l6-2 6 2 6-2V4l-6 2-6-2Z"/><path d="M9 4v14M15 6v14"/></Ico>,
  trophy:  (p) => <Ico {...p}><path d="M7 4h10v4a5 5 0 0 1-10 0V4Z"/><path d="M5 6H3a3 3 0 0 0 4 3M19 6h2a3 3 0 0 1-4 3"/><path d="M9 14v2h6v-2M8 20h8"/></Ico>,
  bolt:    (p) => <Ico {...p}><path d="M13 3 5 14h6l-1 7 8-11h-6l1-7Z"/></Ico>,
  flame:   (p) => <Ico {...p}><path d="M12 3c1 4 5 5 5 10a5 5 0 1 1-10 0c0-3 2-4 2-7 2 1 2 3 3-3Z"/></Ico>,
  star:    (p) => <Ico {...p}><path d="m12 3 2.6 5.6 6.1.6-4.6 4.1 1.3 6L12 16.8 6.6 19.3l1.3-6L3.3 9.2l6.1-.6L12 3Z"/></Ico>,
  coin:    (p) => <Ico {...p}><circle cx="12" cy="12" r="8"/><path d="M9 9h4a2 2 0 0 1 0 4H9m0-4v6m4 0H9"/></Ico>,
  user:    (p) => <Ico {...p}><circle cx="12" cy="8" r="4"/><path d="M4 20a8 8 0 0 1 16 0"/></Ico>,
  users:   (p) => <Ico {...p}><circle cx="9" cy="8" r="3.5"/><path d="M3 19a6 6 0 0 1 12 0"/><circle cx="17" cy="9" r="2.5"/><path d="M15 19a6 6 0 0 1 6-3"/></Ico>,
  bell:    (p) => <Ico {...p}><path d="M6 16V11a6 6 0 0 1 12 0v5l1.5 2H4.5L6 16Z"/><path d="M10 20a2 2 0 0 0 4 0"/></Ico>,
  calendar:(p) => <Ico {...p}><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 9h18M8 3v4M16 3v4"/></Ico>,
  clock:   (p) => <Ico {...p}><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></Ico>,
  play:    (p) => <Ico {...p}><path d="M7 5v14l12-7-12-7Z"/></Ico>,
  video:   (p) => <Ico {...p}><rect x="3" y="6" width="13" height="12" rx="2"/><path d="m16 10 5-3v10l-5-3"/></Ico>,
  book:    (p) => <Ico {...p}><path d="M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2V5Z"/><path d="M4 19a2 2 0 0 1 2-2h13"/></Ico>,
  code:    (p) => <Ico {...p}><path d="m8 7-5 5 5 5M16 7l5 5-5 5M14 4l-4 16"/></Ico>,
  chart:   (p) => <Ico {...p}><path d="M4 20V4M4 20h16"/><rect x="7" y="12" width="3" height="6"/><rect x="12" y="8" width="3" height="10"/><rect x="17" y="14" width="3" height="4"/></Ico>,
  cog:     (p) => <Ico {...p}><circle cx="12" cy="12" r="3"/><path d="M19 12a7 7 0 0 0-.2-1.8l2-1.5-2-3.4-2.3.9a7 7 0 0 0-3-1.8L13 2h-2l-.5 2.4a7 7 0 0 0-3 1.8l-2.3-.9-2 3.4 2 1.5A7 7 0 0 0 5 12c0 .6.1 1.2.2 1.8l-2 1.5 2 3.4 2.3-.9a7 7 0 0 0 3 1.8L11 22h2l.5-2.4a7 7 0 0 0 3-1.8l2.3.9 2-3.4-2-1.5c.1-.6.2-1.2.2-1.8Z"/></Ico>,
  search:  (p) => <Ico {...p}><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></Ico>,
  check:   (p) => <Ico {...p}><path d="m5 12 5 5 9-11"/></Ico>,
  x:       (p) => <Ico {...p}><path d="M6 6l12 12M18 6 6 18"/></Ico>,
  plus:    (p) => <Ico {...p}><path d="M12 5v14M5 12h14"/></Ico>,
  arrowR:  (p) => <Ico {...p}><path d="M5 12h14M13 6l6 6-6 6"/></Ico>,
  arrowL:  (p) => <Ico {...p}><path d="M19 12H5M11 6l-6 6 6 6"/></Ico>,
  mic:     (p) => <Ico {...p}><rect x="9" y="3" width="6" height="12" rx="3"/><path d="M5 11a7 7 0 0 0 14 0M12 18v3"/></Ico>,
  cam:     (p) => <Ico {...p}><rect x="3" y="6" width="14" height="12" rx="2"/><path d="m17 10 4-2v8l-4-2"/></Ico>,
  hand:    (p) => <Ico {...p}><path d="M8 11V4a1.5 1.5 0 0 1 3 0v7M11 11V3a1.5 1.5 0 0 1 3 0v8M14 11V4a1.5 1.5 0 0 1 3 0v9c0 4-2 7-6 7s-6-2-6-7c0-1 .5-2 1.5-2.5"/></Ico>,
  send:    (p) => <Ico {...p}><path d="m4 12 17-8-7 18-2-8-8-2Z"/></Ico>,
  upload:  (p) => <Ico {...p}><path d="M12 16V4M6 10l6-6 6 6"/><path d="M4 18v2h16v-2"/></Ico>,
  lock:    (p) => <Ico {...p}><rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></Ico>,
  shield:  (p) => <Ico {...p}><path d="M12 3 4 6v6c0 5 3 8 8 9 5-1 8-4 8-9V6l-8-3Z"/></Ico>,
  pin:     (p) => <Ico {...p}><circle cx="12" cy="10" r="3"/><path d="M12 21c-5-6-7-9-7-12a7 7 0 0 1 14 0c0 3-2 6-7 12Z"/></Ico>,
  wallet:  (p) => <Ico {...p}><rect x="3" y="6" width="18" height="13" rx="2"/><path d="M3 10h18M16 14h2"/></Ico>,
  bolt2:   (p) => <Ico {...p}><path d="M13 2 4 13h6l-1 9 9-13h-6l1-7Z"/></Ico>,
  rocket:  (p) => <Ico {...p}><path d="M14 4c4 0 6 2 6 6-2 0-4 1-7 4l-3-3c3-3 4-5 4-7Z"/><path d="m10 14-3 3-3-1 1-3 3-3M14 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"/></Ico>,
  puzzle:  (p) => <Ico {...p}><path d="M10 4h4v3a2 2 0 1 0 0 4v3h-4v-3a2 2 0 1 1 0-4V4ZM14 7h3v3a2 2 0 1 1 0 4v3h-3"/></Ico>,
};

window.I = I;