React JS - React Material UI icons not working?

Question

I am using react Material UI, and I received the following error.

"Module not found: Can't resolve '@material-ui/icons/Lock'"

import LockIcon from '@material-ui/icons/Lock';

How can I fix this?

Answer 1

import Icon from '@material-ui/core/Icon';

then add font material icons to index.html

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">