How do I add new icon to workspace for custom app?

I added a new custom app to the sidebar, but can’t figure out how to add new icon to it. Does erpnext use feather icons? Because the icons look like feather icons but won’t work with their names.

1 Like

The funny thing (aside from this reply being the first reply in 2.5 months since you posted it) is that if you inspect the icons that are working…

image

and use the name of that icon that is working… “crm” in this case…

image

it still will not show an icon for your module.

Here you see I have “crm” set as the icon… but still nothing:

image

A few other posts like this on the forum. No clear answer that I’ve found.

1 Like

Btw, for my app I am trying to use “book” icon…

image

Nothing displays.

1 Like

I’ve encountered this issue also.

From what I can tell, the available icons are hard-coded in this SVG file:

.../apps/frappe/frappe/public/icons/timeless/symbol-defs.svg

So you cannot use any Feather icon. You can only use icons defined in this file.

The “book” icon is not one of them.

4 Likes

Yes it looks like my “crm” test worked too (it’s in the .svg list you mentioned). So there must be some cache or delay in displaying the icon. I wonder how to flush the cache. I’ve tried bench restart, but that didn’t do it.

Of the 3 apps I’m working with, 2 are displayed, but 1 is mysteriously not.
If I figure this out, or how to refresh any caching, I’ll reply back in this thread.

2 Likes

Try this… worked for me:

bench --site sitename clear-cache

1 Like

Now if only we could add additional icons to

.../apps/frappe/frappe/public/icons/timeless/symbol-defs.svg

You can add any svg path with

<svg> <symbol viewBox="0 0 x y"  xmlns="http://www.w3.org/2000/svg" id="icon-name"><path></path> </symbol>   </svg> parent tags.

Run bench build and clear-cache commands. Hard Refresh your browser.

Assign the new icon to a module using Customise Workbench feature.

Hope this helps someone.