'iconAddSolid' was not found in 'carbon-icons' about carbon-icons

[joshblack]

Thanks @anupamsomani1! You are using v6.3.2, but those icons are available in 7.0.7. Updating should help!

[joshblack]

Hi @anupamsomani1! 👋 Could you share the package version for carbon-icons that you are using? These should show up in v7 of the icons 😄

[anupamsomani1]

"carbon-addons-cloud": "^2.1.0",
"carbon-addons-cloud-react": "1.3.0",
"carbon-components": "9.7.1",
"carbon-components-react": "6.20.0",
"carbon-icons": "^6.3.2",

[anupamsomani1]

Yeah I tried that but still when I am using below code that Image was not rendering

<DetailPageHeader title="Detail Page Header">
        <Icon name="watson" />
</DetailPageHeader>

[asudoh]

Hi 👋 do you want to create a reduced case, based on https://codesandbox.io/s/x2mjypo6pp? Thanks!

[anupamsomani1]

Hi @asudoh That was strange in codesandbox It's working but when I am trying to integrate in our solution then the issue will comes up.
So here my question is there is any need to import carbon-icons ?
I think 'carbon-components-react' has duty to import carbon-icons is my understanding correct ?

[joshblack]

@anupamsomani1 carbon-icons is listed as a peerDependency on the project 👍

https://github.com/IBM/carbon-components-react/blob/052822271c4663c153e25bd92f00ccb49e278153/package.json#L122

[anupamsomani1]

Then how npm install work.. Its not going to download auto peerDependency packages

[asudoh]

Hi again 👋 npm i -S carbon-icons would be something you’d want - Hope it helps!

[anupamsomani1]

I am able to get all carbon-icons and when I am writing the way : import { iconAddSolid } from 'carbon-icons'; It was working so this is right way to do ?

[asudoh]

In case this is what you are asking; <Icon> as of today has two ways to use - One is <Icon icon={iconSomething}> where iconSomething is a named import of carbon-icons (as you brought up). Another is <Icon name="add—solid”> but it’s deprecated.

You can see the demo of all options in http://react.carbondesignsystem.com/?selectedKind=Icon&selectedStory=Default by going to Knobs tab at the bottom and changing some props there. The source code of that demo can be found at https://github.com/IBM/carbon-components-react/blob/eb8a297/src/components/Icon/Icon-story.js. Hope it helps!

[joshblack]

Going to close this as this seems more like a usage question at this point. Feel free to reach out in the #carbon-react slack channel if you have additional questions around how the <Icon> component works!