Я пытаюсь обновить свой шрифт. В настоящее время компонент BellIcon
возвращает этот шрифт потрясающий значок , где, как я хочу, он возвращает этот значок . Что я делаю не так и как мне импортировать правильный значок? Спасибо.
Компонент:
import React from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faBell} from '@fortawesome/pro-solid-svg-icons';
const BellIcon = () => {
return (
<FontAwesomeIcon icon={faBell} />
);
};
export default BellIcon;
Package.json:
{
"name": "app",
"devDependencies": {
"@fortawesome/fontawesome-pro": "^5.2.0",
...
},
"dependencies": {
"@fortawesome/fontawesome": "^1.1.8",
"@fortawesome/fontawesome-svg-core": "^1.2.0-14",
"@fortawesome/free-brands-svg-icons": "^5.1.0-11",
"@fortawesome/free-regular-svg-icons": "^5.1.0-11",
"@fortawesome/free-solid-svg-icons": "^5.1.0-11",
"@fortawesome/pro-light-svg-icons": "^5.1.0-11",
"@fortawesome/pro-regular-svg-icons": "^5.1.0-11",
"@fortawesome/pro-solid-svg-icons": "^5.1.0-11",
"@fortawesome/react-fontawesome": "0.1.0-11",
...
},
}