Material design icon components for React

Usage no npm install needed!

<script type="module">
  import aboutbitsReactMaterialIcons from 'https://cdn.skypack.dev/@aboutbits/react-material-icons';


React Material Icons

npm version

This package includes all Material Icons as reusable React components.

Table of content


First, you have to install the package:

npm install @aboutbits/react-material-icons

Second, you can use the icons in you React application like this:

import React from 'react'
import IconCached from '@aboutbits/react-material-icons/dist/IconCached'

const MyCommponent = () => {
    return (
        <IconCached />

SVG related parameters like height and width can be passed as props.

Generate Components

To generate the components, simply run the following command:

npm run generate

Build & Publish

To publish the package commit all changes and push them to master. Then run one of the following commands locally:

npm version patch
npm version minor
npm version major


About Bits is a company based in South Tyrol, Italy. You can find more information about us on our website.


For support, please contact info@aboutbits.it.



The MIT License (MIT). Please see the license file for more information.