Embedded SVG icon in breadcrumb not inheriting color

Created by: enogael

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Hi, maybe I'm missing something, but the SVG icon always appears black (default SVG color), whatever the color you define for the $breadcrumb-divider-color variable. The fill attribute (fill='currentColor') doesn't inherit any color from its parent or the SASS variable, whether it's defined in the $breadcrumb-divider variable, or in an inline style attribute with a custom CSS property. In the docs it appears black too, even if it's supposed to be #6c757d.

Reduced test cases

https://getbootstrap.com/docs/5.0/components/breadcrumb/#dividers

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome, Firefox

What version of Bootstrap are you using?

v5.1 or v5.0