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…
and use the name of that icon that is working… “crm” in this case…
it still will not show an icon for your module.
Here you see I have “crm” set as the icon… but still nothing:
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…
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.