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. JSON
CommonJS CommonJS — require() works on every Node.js version
@material-ui/icons ships CommonJS only. require("@material-ui/icons") works everywhere. 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.
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.
| Runtime | require("@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 | ✓ 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 (21 versions; the newest 21 shown).
| Versions | Format | First published |
|---|---|---|
| 1.0.0 – 4.11.3 | CommonJS | May 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 everywhere. 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 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
- debug 4.4.3CommonJS
- semver 7.8.5CommonJS
- ms 2.1.3CommonJS
- picomatch 4.0.7CommonJS
- ajv 8.20.0CommonJS
- source-map 0.8.0CommonJS
- react-is 19.2.8CommonJS
- readable-stream 4.7.0CommonJS
Similar popularity
- @semantic-release/changelog 7.0.0ESM-only
- @material-ui/core 4.12.4CommonJS
- @storybook/testing-library 0.2.2CommonJS
- @babel/node 8.0.1CommonJS
- @ethersproject/contracts 5.8.0CommonJS
- @oclif/command 1.8.36CommonJS
- @vue/eslint-config-prettier 10.2.0CommonJS
- @angular/platform-server 22.1.5ESM-only