canirequire

canirequire › CommonJS › @material-ui/icons

Is @material-ui/icons ESM-only? Can you require() it?

Material Design Svg Icons converted to Material-UI React components.

Last verified Sep 9, 2026 against @material-ui/icons@4.11.3. Markdown · JSON

CommonJS CommonJS — require() works on every Node.js version we test

@material-ui/icons ships CommonJS only. require("@material-ui/icons") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. The package declares Node.js >=8.0.0. import "@material-ui/icons" also works because Node.js and Bun can import CommonJS from ES modules, but only the default export is guaranteed; named imports depend on Node's static analysis of the module.

It also declares a "module" field, so bundlers such as webpack, Vite and esbuild pick up an ESM build for tree-shaking.

What to do

  1. require("@material-ui/icons") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. The package declares Node.js >=8.0.0.
  2. From ES modules use the default import: import icons from "@material-ui/icons"; then destructure. Named imports only work when Node.js can statically detect the exports.
  3. TypeScript: types are bundled; install nothing extra.
Latest
4.11.3 (Apr 3, 2022)
Module format
CommonJS
Last CommonJS version
4.11.3
TypeScript types
Bundled
Node engines
>=8.0.0
Weekly downloads
534K
License
MIT

Does @material-ui/icons@4.11.3 actually load? Runtime test results

Installed and executed on Sep 9, 2026 with require("@material-ui/icons") from a CommonJS file and import "@material-ui/icons" from an ES module.

Runtimerequire("@material-ui/icons")import "@material-ui/icons"
Node.js 18✓ works✓ works
Node.js 20✓ works✓ works
Node.js 22✓ works✓ works
Node.js 24✓ works✓ works
Node.js 26✓ works✓ works
Bun 1.4.0✓ works✓ works

How to import @material-ui/icons

ES modules (import)

import icons from "@material-ui/icons";

Named imports from a CommonJS package only work when Node.js can statically detect them. If a named import fails, use the default import and destructure.

CommonJS (require)

const icons = require("@material-ui/icons");

Module format by version

Derived from the type, main and exports fields of every stable release on npm, corrected where a runtime test of that version contradicted them (21 versions; the newest 21 shown).

VersionsFormatFirst published
1.0.0 – 4.11.3CommonJSMay 17, 2018

Frequently asked

Is @material-ui/icons ESM-only?

@material-ui/icons@4.11.3 is a CommonJS package. @material-ui/icons ships CommonJS only. require("@material-ui/icons") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. The package declares Node.js >=8.0.0. import "@material-ui/icons" also works because Node.js and Bun can import CommonJS from ES modules, but only the default export is guaranteed; named imports depend on Node's static analysis of the module.

Can I import @material-ui/icons with ES module syntax?

Yes. import icons from "@material-ui/icons" works in Node.js and Bun because they support importing CommonJS modules. Named imports work only when Node.js can statically detect the exports.

Does @material-ui/icons work in Bun?

Yes. import "@material-ui/icons" loaded successfully in Bun 1.4.0 on Sep 9, 2026.

Does @material-ui/icons ship TypeScript types?

Yes. @material-ui/icons bundles its own type declarations; no @types package is needed.

Links

Other commonjs packages

Similar popularity