Command Bars - CSS-Styled SVG Icons Render Black

Print Page | Close Window

CSS-Styled SVG Icons Render Black

Printed From: Codejock Forums
Category: Codejock Products
Forum Name: Command Bars
Forum Description: Topics Related to Codejock Command Bars
URL: http://forum.codejock.com/forum_posts.asp?TID=24618
Printed Date: 11 December 2025 at 4:31pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: CSS-Styled SVG Icons Render Black

Posted By: Aishwarya K
Subject: CSS-Styled SVG Icons Render Black
Date Posted: 10 December 2025 at 5:37am

Hello,

We are integrating custom SVG icons into our application using Codejock (Xtreme ToolkitPro 24.2) and are encountering an issue:
SVG files that rely on CSS styling (e.g., classes, <style>, and modern SVG structure) are rendered completely black inside Codejock controls. In contrast, the SVGs used in Codejock’s sample projects(Codejock\Xtreme_ToolkitPro\v24.2.0\Samples\Common\svg) render correctly with their intended colors.

Key difference Observed :
Codejock’s SVG uses inline fill attributes and simple path-only SVG 1.1, while our SVG uses CSS styles, classes, <style>, and modern SVG structure.

I am attaching our SVG files for reference : uploads/9737/Svgs_Rendered_As_Black.zip" rel="nofollow - uploads/9737/Svgs_Rendered_As_Black.zip

We would appreciate any guidance or help on how to resolve this issue.

Thank you.