Is there a list on how to use material-ui icons in the svg-icons folder?

You can search for the icon names in your project subdirectory node_modules/@material-ui/icons.

ls node_modules/@material-ui/icons/*.js | grep -v 'Outlined' | grep -v 'Rounded' | grep -v 'Sharp' | grep -v 'TwoTone'

node_modules/@material-ui/icons/AccessAlarm.js
node_modules/@material-ui/icons/AccessAlarms.js
node_modules/@material-ui/icons/Accessibility.js
node_modules/@material-ui/icons/AccessibilityNew.js
node_modules/@material-ui/icons/AccessibleForward.js
node_modules/@material-ui/icons/Accessible.js
node_modules/@material-ui/icons/AccessTime.js
node_modules/@material-ui/icons/AccountBalance.js
node_modules/@material-ui/icons/AccountBalanceWallet.js
node_modules/@material-ui/icons/AccountBox.js
node_modules/@material-ui/icons/AccountCircle.js
node_modules/@material-ui/icons/AcUnit.js

Pre v1

You can just look up the category and name on Icons.

Every SvgIcon will map to:

import MyIconName from 'material-ui/svg-icons/<category>/<name>';

For example if I want the account balance icon which is part of the action category I would import.

import BalanceIcon from 'material-ui/svg-icons/action/account-balance';

Notice that spaces will become dashes. So the list you want is on the link above.

v1

With the new version of material-ui the icons are in their own package material-ui-icons. Now you only have to lookup the name and PascalCase it to find the correct name. The category is no longer relevant. So:

import BalanceIcon from 'material-ui/svg-icons/action/account-balance';

Becomes:

import BalanceIcon from 'material-ui-icons/AccountBalance';