/* ============================================
Comic-style inline SVG icons
Thick black strokes, optional fill, hand-drawn feel
============================================ */
const Ic = ({ children, size = 24, stroke = 2.5, fill = "none", ...rest }) => (
);
const ICONS = {
home: (p) => ,
grid: (p) => ,
bolt: (p) => ,
list: (p) => ,
chart: (p) => ,
calendar:(p) => ,
house: (p) => ,
areas: (p) => ,
film: (p) => ,
book: (p) => ,
settings:(p) => ,
bell: (p) => ,
plus: (p) => ,
search: (p) => ,
bubble: (p) => ,
edit: (p) => ,
x: (p) => ,
chevL: (p) => ,
chevR: (p) => ,
// weather
sun: (p) => ,
moon: (p) => ,
cloud: (p) => ,
partly: (p) => ,
rain: (p) => ,
wind: (p) => ,
// areas
armchair:(p) => ,
fridge: (p) => ,
door: (p) => ,
garage: (p) => ,
plant: (p) => ,
bed: (p) => ,
compass: (p) => ,
// utility
lightbulb: (p) => ,
wifi: (p) => ,
shield: (p) => ,
cam: (p) => ,
play: (p) => ,
pause: (p) => ,
skip: (p) => ,
backup: (p) => ,
solar: (p) => ,
arrow_up: (p) => ,
arrow_dn: (p) => ,
sparkle: (p) => ,
star: (p) => ,
};
const Icon = ({ name, ...props }) => {
const I = ICONS[name];
return I ? I(props) : null;
};
Object.assign(window, { Icon, ICONS });