// Schlanke, einheitliche Strichicons (1.6px) im Lucide-Stil – selbst gezeichnet.
const Icon = ({ d, size = 18, stroke = 1.6, fill = "none" }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={fill} stroke="currentColor" strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
    {typeof d === "string" ? <path d={d} /> : d}
  </svg>
);

const I = {
  Search:   (p) => <Icon {...p} d={<><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></>} />,
  Lock:     (p) => <Icon {...p} d={<><rect x="4" y="10" width="16" height="11" rx="2"/><path d="M8 10V7a4 4 0 1 1 8 0v3"/></>} />,
  Unlock:   (p) => <Icon {...p} d={<><rect x="4" y="10" width="16" height="11" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0"/></>} />,
  Plus:     (p) => <Icon {...p} d="M12 5v14M5 12h14" />,
  Edit:     (p) => <Icon {...p} d={<><path d="M4 20h4l10-10-4-4L4 16v4Z"/><path d="m14 6 4 4"/></>} />,
  Trash:    (p) => <Icon {...p} d={<><path d="M4 7h16"/><path d="M9 7V4h6v3"/><path d="M6 7v13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7"/><path d="M10 11v6M14 11v6"/></>} />,
  Check:    (p) => <Icon {...p} d="m5 12 4 4 10-10" />,
  X:        (p) => <Icon {...p} d="M6 6l12 12M18 6 6 18" />,
  Chevron:  (p) => <Icon {...p} d="m9 6 6 6-6 6" />,
  Down:     (p) => <Icon {...p} d="m6 9 6 6 6-6" />,
  Tag:      (p) => <Icon {...p} d={<><path d="M3 12V4a1 1 0 0 1 1-1h8l8 8-9 9-8-8Z"/><circle cx="7.5" cy="7.5" r="1"/></>} />,
  Sparkle:  (p) => <Icon {...p} d="M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5 18 18M6 18l2.5-2.5M15.5 8.5 18 6" />,
  Book:     (p) => <Icon {...p} d={<><path d="M4 4h11a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3V4Z"/><path d="M4 17a3 3 0 0 1 3-3h11"/></>} />,
  Bookmark: (p) => <Icon {...p} d="M6 3h12v18l-6-4-6 4V3Z" />,
  Filter:   (p) => <Icon {...p} d="M4 5h16l-6 8v6l-4-2v-4L4 5Z" />,
  Bulb:     (p) => <Icon {...p} d={<><path d="M9 18h6"/><path d="M10 21h4"/><path d="M12 3a6 6 0 0 0-4 10.5c.7.7 1.2 1.6 1.4 2.5h5.2c.2-.9.7-1.8 1.4-2.5A6 6 0 0 0 12 3Z"/></>} />,
  Stethoscope: (p) => <Icon {...p} d={<><path d="M5 4v9a5 5 0 0 0 10 0V4"/><path d="M5 4h2M13 4h2"/><circle cx="18.5" cy="16" r="2.5"/><path d="M15 13.5V13a5 5 0 0 0-5-5"/></>} />,
  Heart:    (p) => <Icon {...p} d="M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9Z" />,
  Quote:    (p) => <Icon {...p} d={<><path d="M7 7h4v4H7a2 2 0 0 0-2 2v3"/><path d="M14 7h4v4h-4a2 2 0 0 0-2 2v3"/></>} />,
  Menu:     (p) => <Icon {...p} d="M4 7h16M4 12h16M4 17h16" />,
};

window.I = I;
window.Icon = Icon;