/* HelpMe — line icons. <Icon name="..." size={} color={} strokeWidth={} /> */
function Icon({ name, size = 24, color = 'currentColor', strokeWidth = 2, fill = 'none', style }) {
  const p = {
    width: size, height: size, viewBox: '0 0 24 24', fill,
    stroke: color, strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round',
    style,
  };
  const paths = {
    home: <><path d="M3 10.5 12 3l9 7.5" /><path d="M5 9.5V20h14V9.5" /></>,
    compass: <><circle cx="12" cy="12" r="9" /><path d="m15.5 8.5-2 5-5 2 2-5z" fill={color} stroke="none" /></>,
    shield: <path d="M12 3l7 3v5c0 4.5-3 7.8-7 9-4-1.2-7-4.5-7-9V6z" />,
    'shield-check': <><path d="M12 3l7 3v5c0 4.5-3 7.8-7 9-4-1.2-7-4.5-7-9V6z" /><path d="m9 11.5 2 2 4-4" /></>,
    'shield-alert': <><path d="M12 3l7 3v5c0 4.5-3 7.8-7 9-4-1.2-7-4.5-7-9V6z" /><path d="M12 8.5v3.5" /><circle cx="12" cy="15.3" r="0.4" fill={color} /></>,
    'shield-x': <><path d="M12 3l7 3v5c0 4.5-3 7.8-7 9-4-1.2-7-4.5-7-9V6z" /><path d="m10 9.5 4 4m0-4-4 4" /></>,
    ticket: <><path d="M3 8a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2 2 2 0 0 0 0 4 2 2 0 0 1-2 2H5a2 2 0 0 1-2-2 2 2 0 0 0 0-4z" /><path d="M15 6v12" strokeDasharray="2 2" /></>,
    user: <><circle cx="12" cy="8" r="3.5" /><path d="M5.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6" /></>,
    search: <><circle cx="11" cy="11" r="7" /><path d="m20 20-3.5-3.5" /></>,
    bell: <><path d="M6 9a6 6 0 0 1 12 0c0 5 2 6 2 6H4s2-1 2-6z" /><path d="M10 20a2 2 0 0 0 4 0" /></>,
    heart: <path d="M12 20s-7-4.5-9.3-9C1 7.5 3 4.5 6.2 4.5c2 0 3.2 1.2 3.8 2.3.6-1.1 1.8-2.3 3.8-2.3 3.2 0 5.2 3 3.5 6.5C19 15.5 12 20 12 20z" />,
    play: <path d="M7 4.5v15l13-7.5z" fill={color} stroke="none" />,
    pause: <><rect x="6" y="4.5" width="4" height="15" rx="1" fill={color} stroke="none" /><rect x="14" y="4.5" width="4" height="15" rx="1" fill={color} stroke="none" /></>,
    'skip-back': <><path d="M18 5v14l-9-7z" fill={color} stroke="none" /><rect x="5" y="5" width="2.4" height="14" rx="1" fill={color} stroke="none" /></>,
    'skip-fwd': <><path d="M6 5v14l9-7z" fill={color} stroke="none" /><rect x="16.6" y="5" width="2.4" height="14" rx="1" fill={color} stroke="none" /></>,
    shuffle: <><path d="M3 5h4l10 14h4" /><path d="M17 5h4v4M3 19h4l3-4" /><path d="M21 15v4h-4" /></>,
    'chevron-left': <path d="m15 5-7 7 7 7" />,
    'chevron-right': <path d="m9 5 7 7-7 7" />,
    'arrow-right': <><path d="M5 12h14" /><path d="m13 6 6 6-6 6" /></>,
    'arrow-left': <><path d="M19 12H5" /><path d="m11 6-6 6 6 6" /></>,
    x: <path d="M6 6l12 12M18 6 6 18" />,
    check: <path d="m5 12 5 5 9-10" />,
    'map-pin': <><path d="M12 21c4-4 7-7.5 7-11a7 7 0 1 0-14 0c0 3.5 3 7 7 11z" /><circle cx="12" cy="10" r="2.5" /></>,
    clock: <><circle cx="12" cy="12" r="8.5" /><path d="M12 7.5V12l3 2" /></>,
    globe: <><circle cx="12" cy="12" r="8.5" /><path d="M3.5 12h17M12 3.5c2.5 2.5 2.5 14.5 0 17M12 3.5c-2.5 2.5-2.5 14.5 0 17" /></>,
    star: <path d="m12 3 2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L12 16.6 6.7 19.3l1.1-5.9-4.3-4.1 5.9-.8z" fill={color} stroke="none" />,
    calendar: <><rect x="3.5" y="5" width="17" height="16" rx="2.5" /><path d="M3.5 9.5h17M8 3v4M16 3v4" /></>,
    mail: <><rect x="3" y="5.5" width="18" height="13" rx="2.5" /><path d="m4 7 8 6 8-6" /></>,
    lock: <><rect x="5" y="10.5" width="14" height="10" rx="2.5" /><path d="M8 10.5V8a4 4 0 0 1 8 0v2.5" /></>,
    eye: <><path d="M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z" /><circle cx="12" cy="12" r="3" /></>,
    'eye-off': <><path d="M4 4l16 16" /><path d="M9.5 5.8A9.8 9.8 0 0 1 12 5.5c6 0 9.5 6.5 9.5 6.5a16 16 0 0 1-3 3.6M6.2 7.7A16 16 0 0 0 2.5 12S6 18.5 12 18.5a9.4 9.4 0 0 0 3.3-.6" /><path d="M9.9 9.9a3 3 0 0 0 4.2 4.2" /></>,
    mic: <><rect x="9" y="3" width="6" height="11" rx="3" /><path d="M5.5 11.5a6.5 6.5 0 0 0 13 0M12 18v3" /></>,
    'message-circle': <path d="M4 12a8 8 0 1 1 3.5 6.6L4 20l1-3.2A7.9 7.9 0 0 1 4 12z" />,
    'message-dots': <><path d="M4 12a8 8 0 1 1 3.5 6.6L4 20l1-3.2A7.9 7.9 0 0 1 4 12z" /><circle cx="9" cy="12" r="0.6" fill={color} /><circle cx="12" cy="12" r="0.6" fill={color} /><circle cx="15" cy="12" r="0.6" fill={color} /></>,
    translate: <><path d="M4 5h9M8.5 5V3.5M10.5 5c0 4-3 8-7 9.5M6 9c1.5 3 4 5 6.5 6" /><path d="m13 20 4-9 4 9M14.4 17h5.2" /></>,
    phone: <path d="M5 4h3l2 5-2 1.5a11 11 0 0 0 5 5L19 13l5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z" transform="scale(0.92) translate(1,1)" />,
    headphones: <><path d="M4 13v-1a8 8 0 0 1 16 0v1" /><rect x="3" y="13" width="4" height="7" rx="1.6" /><rect x="17" y="13" width="4" height="7" rx="1.6" /></>,
    sparkle: <path d="M12 3c.6 3.8 1.8 5 5.5 5.5-3.7.6-4.9 1.8-5.5 5.5-.6-3.7-1.8-4.9-5.5-5.5C10.2 8 11.4 6.8 12 3z" fill={color} stroke="none" />,
    bot: <><rect x="5" y="8" width="14" height="11" rx="3.5" /><path d="M12 8V4.5M12 4.5h2.5" /><circle cx="9.5" cy="13" r="1.2" fill={color} stroke="none" /><circle cx="14.5" cy="13" r="1.2" fill={color} stroke="none" /><path d="M3.5 12.5v3M20.5 12.5v3" /></>,
    send: <path d="M4 12 20 4l-6 16-3-7z" />,
    plus: <path d="M12 5v14M5 12h14" />,
    minus: <path d="M5 12h14" />,
    'volume': <><path d="M4 9.5h3l4-3v11l-4-3H4z" /><path d="M15 9a4 4 0 0 1 0 6" /></>,
    keyboard: <><rect x="3" y="6" width="18" height="12" rx="2.5" /><path d="M7 10h.01M11 10h.01M15 10h.01M8 14h8" /></>,
    settings: <><circle cx="12" cy="12" r="3" /><path d="M12 2.5v2.5M12 19v2.5M21.5 12H19M5 12H2.5M18.4 5.6l-1.8 1.8M7.4 16.6l-1.8 1.8M18.4 18.4l-1.8-1.8M7.4 7.4 5.6 5.6" /></>,
    bookmark: <path d="M7 4h10v16l-5-3.5L7 20z" />,
    camera: <><rect x="3" y="7" width="18" height="13" rx="3" /><circle cx="12" cy="13.5" r="3.5" /><path d="M8 7l1.5-2.5h5L16 7" /></>,
    download: <><path d="M12 4v11m0 0 4-4m-4 4-4-4" /><path d="M5 19h14" /></>,
    'qr': <><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="14" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><path d="M14 14h2v2m4-2v6h-6v-2" /></>,
    info: <><circle cx="12" cy="12" r="8.5" /><path d="M12 11v5" /><circle cx="12" cy="8" r="0.5" fill={color} /></>,
    'thumbs-up': <><rect x="2.5" y="10.5" width="4" height="9" rx="1" /><path d="M6.5 11l3.6-7A1.8 1.8 0 0 1 13.5 5v4h4.7a2 2 0 0 1 2 2.4l-1.2 6.1a2 2 0 0 1-2 1.5H6.5z" /></>,
    edit: <><path d="M5 19h3.5L18 9.5a1.8 1.8 0 0 0-2.5-2.5L6 16.5z" /><path d="M14 8.5 16.5 11" /></>,
    image: <><rect x="3.5" y="5" width="17" height="14" rx="2.5" /><circle cx="9" cy="10" r="1.8" /><path d="m5 17 4.5-4 3 2.5L16 11l4 5" /></>,
    flag: <><path d="M5.5 21V4.5" /><path d="M5.5 5.5h11l-2.2 3.2 2.2 3.3h-11" /></>,
    award: <><circle cx="12" cy="9" r="5" /><path d="M9.2 13.4 8 21l4-2.3L16 21l-1.2-7.6" /></>,
    'chevron-down': <path d="m6 9.5 6 6 6-6" />,
    filter: <path d="M4 5.5h16l-6.2 7.4V19l-3.6 1.8v-7.9z" />,
    sort: <><path d="M7 4.5v15M7 4.5 3.8 8M7 4.5 10.2 8" /><path d="M17 19.5v-15M17 19.5 13.8 16M17 19.5 20.2 16" /></>,
    book: <><path d="M5.5 4.5H16a1.5 1.5 0 0 1 1.5 1.5v13.5H7A1.5 1.5 0 0 1 5.5 18z" /><path d="M17.5 19.5H7A1.5 1.5 0 0 0 5.5 21" /><path d="M9 8.5h5M9 11.5h5" /></>,
    users: <><circle cx="9.5" cy="9" r="3" /><path d="M4 19c0-3 2.5-5.2 5.5-5.2S15 16 15 19" /><path d="M15.5 6.4a3 3 0 0 1 0 5.4M20 19c0-2.5-1.4-4.4-3.4-5" /></>,
    reply: <><path d="M9.5 15 5 10.5 9.5 6" /><path d="M5 10.5h9.5a4.5 4.5 0 0 1 4.5 4.5v3" /></>,
    trophy: <><path d="M7 4.5h10V9a5 5 0 0 1-10 0z" /><path d="M7 6.5H4.2V8a3 3 0 0 0 2.9 3M17 6.5h2.8V8a3 3 0 0 1-2.9 3" /><path d="M12 14v3.5M8.5 20h7M9.5 20l.4-2.5h4.2l.4 2.5" /></>,
  };
  return <svg {...p}>{paths[name] || null}</svg>;
}
window.Icon = Icon;