<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet type="text/xsl" href="RSS_xslt_style.asp" version="1.0" ?>
<rss version="2.0" xmlns:WebWizForums="https://syndication.webwiz.net/rss_namespace/">
 <channel>
  <title>Codejock Developer Community : CSS-Styled SVG Icons Render Black</title>
  <link>http://forum.codejock.com/</link>
  <description><![CDATA[This is an XML content feed of; Codejock Developer Community : Command Bars : CSS-Styled SVG Icons Render Black]]></description>
  <copyright>Copyright (c) 2006-2013 Web Wiz Forums - All Rights Reserved.</copyright>
  <pubDate>Tue, 28 Apr 2026 13:21:28 +0000</pubDate>
  <lastBuildDate>Wed, 10 Dec 2025 05:37:08 +0000</lastBuildDate>
  <docs>http://blogs.law.harvard.edu/tech/rss</docs>
  <generator>Web Wiz Forums 12.04</generator>
  <ttl>360</ttl>
  <WebWizForums:feedURL>forum.codejock.com/RSS_post_feed.asp?TID=24618</WebWizForums:feedURL>
  <image>
   <title><![CDATA[Codejock Developer Community]]></title>
   <url>http://forum.codejock.com/forum_images/codejock-logo.gif</url>
   <link>http://forum.codejock.com/</link>
  </image>
  <item>
   <title><![CDATA[CSS-Styled SVG Icons Render Black : Hello, We are integrating custom...]]></title>
   <link>http://forum.codejock.com/forum_posts.asp?TID=24618&amp;PID=79315&amp;title=cssstyled-svg-icons-render-black#79315</link>
   <description>
    <![CDATA[<strong>Author:</strong> <a href="http://forum.codejock.com/member_profile.asp?PF=9737">Aishwarya K</a><br /><strong>Subject:</strong> 24618<br /><strong>Posted:</strong> 10 December 2025 at 5:37am<br /><br /><p -start="325" -end="331">Hello,</p><p -start="333" -end="468">We are integrating custom SVG icons into our application using Codejock (Xtreme ToolkitPro 24.2) and are encountering an issue:<br>SVG files that rely on CSS styling (e.g., classes, <code -start="258" -end="267">&lt;style&gt;</code>, 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.<br><br><span -start="1512" -end="1531">Key difference<b>&nbsp;</b>Observed :</span><br -start="1531" -end="1534">Codejock’s SVG uses <str&#111;ng -start="1554" -end="1580">inline fill attributes and <str&#111;ng -start="1585" -end="1613">simple path-only SVG 1.1, while our SVG uses <str&#111;ng -start="1634" -end="1694">CSS styles, classes, <code -start="1657" -end="1666">&lt;style&gt;</code>, and modern SVG structure.&nbsp;<br></strong></strong></strong></p><p -start="599" -end="642">I am attaching our SVG files for reference :&nbsp;<a href="uploads/9737/Svgs_Rendered_As_Black.zip" target="_blank" rel="nofollow">uploads/9737/Svgs_Rendered_As_Black.zip</a>&nbsp;</p><p -start="644" -end="714">We would appreciate any guidance or help on how to resolve this issue.</p><p -start="333" -end="468"></p><p -start="716" -end="726">Thank you.</p>]]>
   </description>
   <pubDate>Wed, 10 Dec 2025 05:37:08 +0000</pubDate>
   <guid isPermaLink="true">http://forum.codejock.com/forum_posts.asp?TID=24618&amp;PID=79315&amp;title=cssstyled-svg-icons-render-black#79315</guid>
  </item> 
 </channel>
</rss>