Simple component for Material Design Icons font in your React app.

npm install @hrc/material-icons @material-design-icons/font

Import @material-design-icons/font in your entry file (example: src/main.jsx in Vite):

import "@material-design-icons/font";

ℹ️ Check @material-design-icons/font docs for more info.

Then, in your App.jsx or another file:

import { Icon } from "@hrc/material-icons";

function App() {
  return (
    <>
      <Icon name="shopping_cart" size="large" variant="outlined" />
    </>
  );
}

• Package Documentation