On upgrading the version of Ant Design to v4, one of the major breaking changes have been that Icon is no longer exported from antd package.
Also instead of having string based icon references like:
// Before
<Icon type="smile" />
In v4:
import { SmileOutlined } from '@ant-design/icons';
<SmileOutlined />
There is still an Icon export, but that is from the package @ant-design/icons instead of just antd. This Icon export can be used for adding custom icons.
i've installed the ant design package using "npm i -D antd", and this import statement, "import { Icon } from '@ant-design/icons' is not working. should i remove and install the package with a different command ? how should i go about it ?
Yes, thank you, your solution worked, i had to separately do
npm i -D @ant-design/iconsand then had to import each icon separately. thank you for your help bro.-Dis for installing a developer dependency, unless you intend to add it as a library, you don't require it