CSS-Styled SVG Icons Render Black

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

   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 
We would appreciate any guidance or help on how to resolve this issue.

Thank you.

Author	Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic
Aishwarya K Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: Yesterday Status: Offline Points: 2	Post Options Post Reply Quote Aishwarya K Report Post Thanks(0) Quote Reply Topic: CSS-Styled SVG Icons Render Black Posted: Yesterday 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 We would appreciate any guidance or help on how to resolve this issue. Thank you.