[Bug] react-brand-icons: Filled and Regular icon color not swapping in high contrast mode

[natle01]

Package

Other...

Package version

2.0.183

Current Behavior

When changing the color of a Regular or Filled icon from the brand icons package, in high contrast mode the color remains and isn't swapping to high contrast system color.

Expected Behavior

1. All "Regular" and "Filled" icons should have forced-color-adjust: auto styling on the SVG element so in high contrast mode any colors applied are swapped out for high contrast system colors.
   This is what "@fluentui/react-icons" (@2.0.306) package does for their icons to support high contrast mode.
2. "Color" icons should remain without it as product logo colors should never be altered.

Example of react-icons working as expected:

Reproduction

import { Sharepoint16Filled, Sharepoint16Regular } from '@fluentui/react-brand-icons';
const Render = () => (
  <>
    <Sharepoint16Filled style={{ color: 'red' }}/>
    <Sharepoint16Regular style={{ color: 'red' }}/>
  </>
);

Steps to reproduce

1. Import a "Filled" or "Regular" icon (not a "Color" icon) from the @fluentui/react-brand-icons package.
2. Apply any color to the SVG.
3. Swap to Windows high contrast mode (alt + shift + print screen).

Suggested severity

Medium - Has workaround

Products/sites affected

Anywhere a "Filled" or "Regular" product icon is used

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[Hotell]

@natle01 the package you're mentioning @fluentui/react-brand-icons doesn't live within this repository, rather internal one.

[natle01]

Correct. I was sent here by a member of Fluent as that package's repo is no longer accessible to employees. They told me to file a bug here for it since it isn't accessible to file a bug directly anymore.

…

-------- Original message -------- From: Martin Hochel ***@***.***> Date: 2026-01-19 3:07 a.m. (GMT-08:00) To: microsoft/fluentui-system-icons ***@***.***> Cc: Mention ***@***.***>, Author ***@***.***> Subject: Re: [microsoft/fluentui-system-icons] [Bug] react-brand-icons: Filled and Regular icon color not swapping in high contrast mode (Issue #946) @natle01<https://github.com/natle01> the package you're mentioning @fluentui/react-brand-icons doesn't live within this repository, rather internal one. — Reply to this email directly, view it on GitHub<#946 (comment)> or unsubscribe<https://github.com/notifications/unsubscribe-auth/AR4GNNRKNLMIY6QGHW24M3L4HS3IVBFKMF2HI4TJMJ2XIZLTSWBKK5TBNR2WLJDUOJ2WLJDOMFWWLO3UNBZGKYLEL5YGC4TUNFRWS4DBNZ2F6YLDORUXM2LUPGBKK5TBNR2WLJDUOJ2WLJDOMFWWLLTXMF2GG2C7MFRXI2LWNF2HTAVFOZQWY5LFUVUXG43VMWSG4YLNMWVXI2DSMVQWIX3UPFYGLAVFOZQWY5LFU4YTEMRTG44TTJDOMFWWLKDBMN2G64S7NFSIFJLWMFWHKZNKGIYDKNRTG4YDKMBTURXGC3LFVFUGC427NRQWEZLMVRZXKYTKMVRXIX3UPFYGLLCJONZXKZKDN5WW2ZLOOSTHI33QNFRXHEUCUR2HS4DFVJZGK4DPONUXI33SPGSXMYLMOVS2SMRWGM2DKMRSGUZIFJDUPFYGLJLJONZXKZNFOZQWY5LFVIZTQMJVGY2TKMRTGOTXI4TJM5TWK4VGMNZGKYLUMU>. You are receiving this email because you were mentioned. Triage notifications on the go with GitHub Mobile for iOS<https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android<https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.