Fix Icon Inconsistent colors and class names

[coliff]

Description

Partial fix for #1889

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update

How Has This Been Tested?

Locally with Edge v120 on Windows 11.

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

[netlify]

✅ Deploy Preview for modus-webcomponents ready!

Name	Link
🔨 Latest commit	1d9cc9c
🔍 Latest deploy log	https://app.netlify.com/sites/modus-webcomponents/deploys/65794d0372ccf60008089d25
😎 Deploy Preview	https://deploy-preview-1946--modus-webcomponents.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 26 (🔴 down 1 from production) Accessibility: 98 (no change from production) Best Practices: 92 (no change from production) SEO: 92 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[msankaran0712]

could we not move this to svg?

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://icy-ground-0374a1310-1946.centralus.1.azurestaticapps.net