After upgrading to the latest version, davidkingham noticed duplicate icons on the categories page, with one icon appearing on the left and another on the right. The icons had different HTML structures, with the right icon using <svg> and the left icon using <span> with an embedded <svg>. martin suggested that this issue might be related to recent changes that brought category icons into core as a first-class feature, and recommended disabling or removing the Category Icons theme component. davidkingham was able to resolve the issue by setting all category icons and then deleting the component.
After upgrading to latest today I’m now seeing two icons for the parent category
The one on the right shows as this:
<svg class="fa d-icon d-icon-fal-comment-pen svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#fal-comment-pen"></use></svg>
And the left:
<span style="color: rgb(254, 218, 106);" class="category-icon"><svg class="fa d-icon d-icon-fal-comment-pen svg-icon svg-node" aria-hidden="true"><use xlink:href="#fal-comment-pen"></use></svg></span>
Any ideas?
Thanks for reporting @davidkingham, we’ve recently done some changes where we brought category icons into core as a first class feature, you can read more here Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji
You might be able to simply disable the Category Icons theme component or remove it from your theme to fix this, can you please give that a try?
Thanks Martin! I had to set all the icons in the categories then delete the component, whew!