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" />
</>
);
}