How to change Icon backgrou color

[Kolajosh]

tried using bgstyle to change color, It doesn't work. Suggestions??

[tagucch]

Please try bgStyle={{ fill: 'red' }}.

example: <TwitterIcon size={50} bgStyle={{ fill: 'red' }} />

bgStyle can received CSS properties that can used with SVG. These articles summarize the details. Fills and Strokes - SVG: Scalable Vector Graphics | MDN SVG Properties and CSS | CSS-Tricks - CSS-Tricks

example: <TwitterIcon size={50} bgStyle={{ fill: 'red', stroke: 'yellow', strokeWidth: '10' }} />

By the way, this is what happens when you use iconFillColor.

example: <TwitterIcon size={50} bgStyle={{ fill: 'red', stroke: 'yellow', strokeWidth: '10' }} iconFillColor='black' />

[damsalem]

Thanks for the write-up @tagucch any chance we can get that added to the official docs @nygardk ??