// Minimal stroke-only icons (16px, currentColor)
const Icon = ({ d, size = 14, stroke = 1.6, children }) => (
  <svg width={size} height={size} viewBox="0 0 16 16" fill="none"
    stroke="currentColor" strokeWidth={stroke}
    strokeLinecap="round" strokeLinejoin="round">
    {d ? <path d={d} /> : children}
  </svg>
);

const IconHome = (p) => <Icon {...p} d="M2 7l6-5 6 5v7a1 1 0 01-1 1H3a1 1 0 01-1-1V7z M6 15V10h4v5" />;
const IconBeaker = (p) => <Icon {...p} d="M5 2h6 M6 2v5L3 13a1 1 0 001 1h8a1 1 0 001-1L10 7V2" />;
const IconBook = (p) => <Icon {...p} d="M3 2.5A1.5 1.5 0 014.5 1H13v12H4.5A1.5 1.5 0 003 14.5v0A1.5 1.5 0 014.5 13H13 M3 2.5v12" />;
const IconPlay = (p) => <Icon {...p} d="M4 3l9 5-9 5V3z" />;
const IconFilm = (p) => <Icon {...p}><rect x="2" y="3" width="12" height="10" rx="1"/><path d="M2 6h12 M2 10h12 M5 3v10 M11 3v10"/></Icon>;
const IconGear = (p) => <Icon {...p} d="M8 5.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5z M13 8a5 5 0 01-.1 1.1l1.4 1.1-1.5 2.6-1.7-.6a5 5 0 01-1.9 1.1L8.9 15h-1.8l-.3-1.7a5 5 0 01-1.9-1.1l-1.7.6L1.7 10.2l1.4-1.1A5 5 0 013 8a5 5 0 01.1-1.1L1.7 5.8l1.5-2.6 1.7.6a5 5 0 011.9-1.1L7.1 1h1.8l.3 1.7a5 5 0 011.9 1.1l1.7-.6 1.5 2.6-1.4 1.1A5 5 0 0113 8z" stroke={1.2} />;
const IconMic = (p) => <Icon {...p} d="M8 2a2 2 0 00-2 2v4a2 2 0 004 0V4a2 2 0 00-2-2z M4 8a4 4 0 008 0 M8 12v2 M6 14h4" />;
const IconFolder = (p) => <Icon {...p} d="M2 4a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1V12a1 1 0 01-1 1H3a1 1 0 01-1-1V4z" />;
const IconPlus = (p) => <Icon {...p} d="M8 3v10 M3 8h10" />;
const IconCheck = (p) => <Icon {...p} d="M3 8.5L6.5 12 13 4.5" />;
const IconChevron = (p) => <Icon {...p} d="M6 3l5 5-5 5" />;
const IconBolt = (p) => <Icon {...p} d="M9 1L3 9h4l-1 6 6-8H8l1-6z" />;
const IconWand = (p) => <Icon {...p} d="M3 13l9-9 1 1-9 9-1-1z M11 3l2 2 M2 2l1 1 M13 7l1 1 M2 10l1 1" />;
const IconStop = (p) => <Icon {...p}><rect x="3" y="3" width="10" height="10" rx="1"/></Icon>;
const IconPause = (p) => <Icon {...p} d="M5 3v10 M11 3v10" />;
const IconDownload = (p) => <Icon {...p} d="M8 2v9 M4 7l4 4 4-4 M3 14h10" />;
const IconShare = (p) => <Icon {...p} d="M8 1v10 M4 5l4-4 4 4 M3 10v3a1 1 0 001 1h8a1 1 0 001-1v-3" />;
const IconRefresh = (p) => <Icon {...p} d="M2 8a6 6 0 0110-4.5L13 5 M14 8a6 6 0 01-10 4.5L3 11 M10 3h3v3 M6 13H3v-3" />;
const IconSearch = (p) => <Icon {...p}><circle cx="7" cy="7" r="4.5"/><path d="M10.5 10.5L14 14"/></Icon>;
const IconLink = (p) => <Icon {...p} d="M7 9.5l2-2 M6.5 4l2-2a3 3 0 114 4l-2 2 M9.5 12l-2 2a3 3 0 01-4-4l2-2" />;
const IconFlag = (p) => <Icon {...p} d="M3 14V2 M3 3h9l-2 3 2 3H3" />;
const IconSparkle = (p) => <Icon {...p} d="M8 2v3 M8 11v3 M2 8h3 M11 8h3 M4 4l2 2 M10 10l2 2 M4 12l2-2 M10 6l2-2" />;

Object.assign(window, {
  IconHome, IconBeaker, IconBook, IconPlay, IconFilm, IconGear,
  IconMic, IconFolder, IconPlus, IconCheck, IconChevron, IconBolt,
  IconWand, IconStop, IconPause, IconDownload, IconShare, IconRefresh,
  IconSearch, IconLink, IconFlag, IconSparkle
});