在React中更改图标的颜色

import React from 'react';
import './Icon.css';

const Icon = () => {
  return <i className="icon"></i>;
}

export default Icon;

.icon {
  color: red;
}

import React from 'react';
import { FaReact } from 'react-icons/fa';

const Icon = () => {
  return <FaReact color="red" />;
}

export default Icon;

import React from 'react';
import { IconButton } from '@material-ui/core';
import { Favorite } from '@material-ui/icons';

const Icon = () => {
  return (
    <IconButton color="secondary">
      <Favorite />
    </IconButton>
  );
}

export default Icon;