[Solved] How do I use an svgIcon as a DrawerItemProp?

[Jeff]

I have imported the dollarIcon,

import { dollarIcon } from "@progress/kendo-svg-icons";

Here is the item for the DrawerItemProp

{
  "data-expanded"]: false,      
  id: 600,
  svgIcon: dollarIcon,
  text: "Invoices",
},

The icon does not display. What am I doing wrong?

 

[Kiril]

Hello, Jeff,

You are using the correct data for the icon. I have created an example with it. Can you confirm if you have the `@progress/kendo-svg-icons` package present in your node modules as well as the icon in question?

Regards,
Kiril

[Jeff]

Sorry for the long delay in response. Just getting back to this project.

I have confirmed that kendo-svg-icons is present in package.json and in node_modules.

"@progress/kendo-svg-icons": "^2.1.0"

I added an item exactly ask shown in your example:

  { text: 'Inbox', svgIcon: dollarIcon, selected: true },

The item appears in the menu, but the svgIcon is still not displayed.