How to use Material Icons with React

by

Here, I will show you how to use material icons in your react app. First of all, you need to install two packages.


npm install @material-ui/core

npm install @material-ui/icons

Now it’s the time for you to select an icon from here.

I have given below an example of using AccessAlarmIcon from the list. You can add your custom CSS for the icons by using style attributes.

import React from 'react';
import AccessAlarmIcon from '@material-ui/icons/AccessAlarm';

function App() {
  return (
    <div>
     <AccessAlarmIcon style={{ color: '#848475', fontSize: '100px'}}/>
    </div>
  );
}

export default App;

Leave a Reply