/* Hard4Tech — line icon set (stroke-based, geometric). window.Icon */
(function () {
  const P = { fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" };
  const paths = {
    support: <g {...P}><rect x="3" y="4" width="18" height="12" rx="2" /><path d="M8 20h8M12 16v4" /><path d="M7 8h6M7 11h4" /></g>,
    cloud: <g {...P}><path d="M7 18a4 4 0 0 1-.5-7.97A5.5 5.5 0 0 1 17 9.5a3.5 3.5 0 0 1 0 8.5z" /><path d="M9.5 13.5 11 15l3.5-3.5" /></g>,
    shield: <g {...P}><path d="M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6z" /><path d="M9 12l2 2 4-4" /></g>,
    network: <g {...P}><circle cx="12" cy="5" r="2" /><circle cx="5" cy="19" r="2" /><circle cx="19" cy="19" r="2" /><path d="M12 7v4m0 0L6.5 17M12 11l5.5 6" /></g>,
    code: <g {...P}><path d="M8 8l-4 4 4 4M16 8l4 4-4 4M13 6l-2 12" /></g>,
    stack: <g {...P}><path d="M12 3l9 5-9 5-9-5z" /><path d="M3 12l9 5 9-5M3 16l9 5 9-5" /></g>,
    clock: <g {...P}><circle cx="12" cy="12" r="9" /><path d="M12 7v5l3 2" /></g>,
    lock: <g {...P}><rect x="5" y="11" width="14" height="9" rx="2" /><path d="M8 11V8a4 4 0 0 1 8 0v3" /><path d="M12 15v2" /></g>,
    people: <g {...P}><circle cx="9" cy="8" r="3" /><path d="M3 20a6 6 0 0 1 12 0" /><path d="M16 5.5a3 3 0 0 1 0 5.8M21 20a6 6 0 0 0-5-5.9" /></g>,
    chart: <g {...P}><path d="M4 4v16h16" /><path d="M8 15l3-4 3 2 4-6" /></g>,
    arrow: <g {...P}><path d="M5 12h14M13 6l6 6-6 6" /></g>,
    check: <g {...P}><path d="M5 12l4 4 10-10" /></g>,
    spark: <g {...P}><path d="M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5 18 18M18 6l-2.5 2.5M8.5 15.5 6 18" /></g>,
    pin: <g {...P}><path d="M12 21s7-6.3 7-11a7 7 0 1 0-14 0c0 4.7 7 11 7 11z" /><circle cx="12" cy="10" r="2.5" /></g>,
    mail: <g {...P}><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M4 7l8 6 8-6" /></g>,
    phone: <g {...P}><path d="M5 4h3l2 5-2.5 1.5a11 11 0 0 0 5 5L19 13l2 5v3a1 1 0 0 1-1 1A16 16 0 0 1 4 5a1 1 0 0 1 1-1z" /></g>,
    menu: <g {...P}><path d="M4 7h16M4 12h16M4 17h16" /></g>,
    close: <g {...P}><path d="M6 6l12 12M18 6 6 18" /></g>,
    db: <g {...P}><ellipse cx="12" cy="6" rx="7" ry="3" /><path d="M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6" /><path d="M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6" /></g>,
    doc: <g {...P}><path d="M7 3h7l4 4v14H7z" /><path d="M14 3v4h4" /><path d="M9.5 12h5M9.5 15.5h5" /></g>,
    cart: <g {...P}><path d="M3 4h2l2.2 11h9.6L19 7H6" /><circle cx="9" cy="19" r="1.4" /><circle cx="17" cy="19" r="1.4" /></g>,
    factory: <g {...P}><path d="M3 21V10l5 3V10l5 3V7l6 4v10z" /><path d="M7 21v-3M12 21v-3M17 21v-3" /></g>,
    gear: <g {...P}><circle cx="12" cy="12" r="3" /><path d="M12 2v3M12 19v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M2 12h3M19 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1" /></g>,
    invoice: <g {...P}><path d="M6 3h12v18l-3-2-3 2-3-2-3 2z" /><path d="M9 8h6M9 12h6" /></g>,
  };
  function Icon({ name, size = 24, className, style }) {
    return (
      <svg viewBox="0 0 24 24" width={size} height={size} className={className} style={style} aria-hidden="true">
        {paths[name] || null}
      </svg>
    );
  }
  window.Icon = Icon;
})();