Icons not showing react

Free icons not showing in sidebar. Using the latest free version 3.1.0.
I tried cil-clipboard and some other free coreui icons and not showing.

In _nav.js I change the icon name:

{

    _tag: 'CSidebarNavItem',

    name: 'Colors',

    to: '/theme/colors',

    icon: 'cil-clipboard',

  },

It says undefined

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" class="c-sidebar-nav-icon" role="img">undefined</svg>

Why is that?

go to src -> assets -> icons -> index.js

add cilClipboard to import object of “@coreui/icons”

and assign it on export const icons

1 Like

Thank you!!!
That was very helpful!

1 Like

I have use this icon https://fontawesome.com/icons/file-invoice-dollar?style=solid , I have licence fonawesome, how integrate this icon on nav. any solution??