如何旋转React-Icon？

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

const SpinningIcon = () => (
  <div>
    <FaSpinner style={{ transform: 'rotate(360deg)', animation: 'spin 1s linear infinite' }} />
  </div>
);

export default SpinningIcon;

import React from 'react';
import { FaSpinner } from 'react-icons/fa';
import './Icon.css';

const SpinningIcon = () => (
  <div>
    <FaSpinner className="spin" />
  </div>
);

export default SpinningIcon;

/* Icon.css */
.spin {
  transform: rotate(360deg);
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.spin {
  transform: rotate(360deg);
  animation: spin 1s linear infinite;
  will-change: transform; /* 提示浏览器提前优化 */
}