如何在React App中拥有坚实的令人敬畏的图标？

Question

我会添加实心，而不是常规一个。我尝试以下尝试：

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faXmark } from '@fortawesome/free-solid-svg-icons'

<FontAwesomeIcon
    icon={['fas', 'xmark']}
    className={styles.popupClose}
    onClick={() => {
        props.completion()
    }}
/>

常规样式工作：

<FontAwesomeIcon
    icon={faXmark}
    className={styles.popupClose}
    onClick={() => {
        props.completion()
    }}
/>

拥有这些依赖性：

"@fortawesome/fontawesome-common-types": "^6.1.1",
"@fortawesome/fontawesome-svg-core": "^6.1.1",
"@fortawesome/free-solid-svg-icons": "^6.1.1",
"@fortawesome/react-fontawesome": "^0.1.18",