Coloring icons

Material-UI icon components accept a color property that takes a named theme color and applies it to the icon.

How to do it...

This example uses a Storybook control to change the color property of the icons that are rendered:

Here's some code that renders several icons that use the selected color value:

import React, { Fragment } from 'react';

import { withStyles } from '@material-ui/core/styles';

import Cast from '@material-ui/icons/Cast';
import CastConnected from '@material-ui/icons/CastConnected';
import CastForEducation from '@material-ui/icons/CastForEducation';
import Computer from '@material-ui/icons/Computer';
import DesktopMac from '...