// Icons | line-style, 1.6 stroke, warm but professional
// All take size + color props
const iconBase = (size, children, opts = {}) => (
);
const Icon = {
// Navigation / dashboard
home: (s = 20) => iconBase(s, <>),
image: (s = 20) => iconBase(s, <>),
post: (s = 20) => iconBase(s, <>),
story: (s = 20) => iconBase(s, <>),
history: (s = 20) => iconBase(s, <>),
identity: (s = 20) => iconBase(s, <>),
link: (s = 20) => iconBase(s, <>),
invoice: (s = 20) => iconBase(s, <>),
// UI
upload: (s = 20) => iconBase(s, <>),
download: (s = 20) => iconBase(s, <>),
refresh: (s = 20) => iconBase(s, <>),
thumbsdown: (s = 20) => iconBase(s, <>),
check: (s = 20) => iconBase(s, ),
x: (s = 20) => iconBase(s, <>),
arrowRight: (s = 20) => iconBase(s, <>),
arrowDown: (s = 20) => iconBase(s, <>),
bolt: (s = 20) => iconBase(s, ),
sparkle: (s = 20) => iconBase(s, <>),
// Social
instagram: (s = 20) => iconBase(s, <>),
whatsapp: (s = 20) => (
),
// Misc
bell: (s = 20) => iconBase(s, <>),
search: (s = 20) => iconBase(s, <>),
menu: (s = 20) => iconBase(s, <>),
chev: (s = 20) => iconBase(s, ),
chevDown: (s = 20) => iconBase(s, ),
plus: (s = 20) => iconBase(s, <>),
fire: (s = 20) => iconBase(s, ),
star: (s = 20) => iconBase(s, ),
shield: (s = 20) => iconBase(s, <>),
clock: (s = 20) => iconBase(s, <>),
phone: (s = 20) => iconBase(s, ),
monitor: (s = 20) => iconBase(s, <>),
building: (s = 20) => iconBase(s, <>),
copy: (s = 20) => iconBase(s, <>),
share: (s = 20) => iconBase(s, <>),
trash: (s = 20) => iconBase(s, <>),
// logo glyph | stylized chef hat + spark
logo: (s = 28) => (
),
};
window.Icon = Icon;