// Phosphor-style icons — regular weight, 1.5px stroke, geometric.
// Inline SVG so we can tint via currentColor.
const Icon = ({ children, size = 20, stroke = 1.5, fill = "none", style }) => (
);
const I = {
Home: (p) => (
),
Builder: (p) => (
),
Store: (p) => (
),
Profile: (p) => (
),
Bell: (p) => (
),
Search: (p) => (
),
Plus: (p) => (
),
X: (p) => (
),
ArrowLeft: (p) => (
),
ArrowRight: (p) => (
),
ChevronRight: (p) => (
),
ChevronDown: (p) => (
),
Eye: (p) => (
),
EyeSlash: (p) => (
),
Heart: (p) => (
),
Bookmark: (p) => (
),
Share: (p) => (
),
Settings: (p) => (
),
Sun: (p) => (
),
Moon: (p) => (
),
Monitor: (p) => (
),
Check: (p) => (
),
Sliders: (p) => (
),
Undo: (p) => (
),
Redo: (p) => (
),
Zoom: (p) => (
),
Camera: (p) => (
),
Flag: (p) => (
),
Trophy: (p) => (
),
Target: (p) => (
),
Sparkle: (p) => (
),
Type: (p) => (
),
Palette: (p) => (
),
Logo: (p) => (
),
CartIcon: (p) => (
),
Lightning: (p) => (
),
Calendar: (p) => (
),
Filter: (p) => (
),
Users: (p) => (
),
Dot: (p) => (
),
};
window.I = I;
window.Icon = Icon;