// icons.jsx — 线性细描边 icon (1.5px 描边,统一 24x24 viewBox)
// 全部使用 currentColor,可被父级 color 控制
const Icon = ({ d, size = 22, stroke = 1.5, fill, children, viewBox = '0 0 24 24' }) => (
);
// ── 食材 icons ──
// All icons designed to read well at 16px (the size used in ingredient list).
// Strategy: bold silhouette > fine detail. Round body for fruit, vertical lines for leafy/long.
const FoodIcons = {
tomato: ({ size = 22 }) => (
{/* round body */}
{/* 5-pointed leaf calyx — quick star strokes */}
),
egg: ({ size = 22 }) => (
{/* classic egg ovoid — slightly pointed top, rounder bottom */}
),
scallion: ({ size = 22 }) => (
{/* 3 long green leaves */}
{/* white bulb at root */}
{/* divider line between green and white */}
),
garlic: ({ size = 22 }) => (
{/* bulb tear-drop */}
{/* clove divisions — 2 curves tracing cloves */}
),
salt: ({ size = 22 }) => (
),
sugar: ({ size = 22 }) => (
),
soy: ({ size = 22 }) => (
),
paste: ({ size = 22 }) => (
),
oil: ({ size = 22 }) => (
{/* bottle silhouette - narrow neck, wide body */}
{/* liquid level line */}
{/* drop shape inside */}
),
broccoli: ({ size = 22 }) => (
),
chili: ({ size = 22 }) => (
),
oyster: ({ size = 22 }) => (
),
meat: ({ size = 22 }) => (
{/* Steak/chop silhouette: irregular round shape with a small bone on one side */}
{/* fat marbling — small inner curve */}
{/* small bone on right edge */}
),
starch: ({ size = 22 }) => (
),
wine: ({ size = 22 }) => (
),
vinegar: ({ size = 22 }) => (
),
sesame: ({ size = 22 }) => (
),
rice: ({ size = 22 }) => (
{/* bowl rim and body */}
{/* rice grains piled on top */}
),
pepper: ({ size = 22 }) => (
),
};
// ── UI icons ──
const UIIcons = {
back: ({ size = 22 }) => ,
forward: ({ size = 22 }) => ,
bookmark: ({ size = 22, filled }) => (
),
share: ({ size = 22 }) => (
),
search: ({ size = 22 }) => (
),
filter: ({ size = 22 }) => (
),
clock: ({ size = 22 }) => (
),
flame: ({ size = 22 }) => (
),
user: ({ size = 22 }) => (
),
check: ({ size = 22 }) => ,
plus: ({ size = 22 }) => ,
minus: ({ size = 22 }) => ,
more: ({ size = 22 }) => (
),
home: ({ size = 22 }) => (
),
book: ({ size = 22 }) => (
),
heart: ({ size = 22, filled }) => (
),
timer: ({ size = 22 }) => (
),
serving: ({ size = 22 }) => (
),
chef: ({ size = 22 }) => (
),
};
window.FoodIcons = FoodIcons;
window.UIIcons = UIIcons;