Changing the color of Icons

[PatrickMarshallTT]

I am trying to edit the color of these icons that are within a text element. I have tried to edit the HTML code but the color does not change. Does anyone have any idea?

[jcarlson]

The color is one of the built-in settings, unless you're pulling these in from an HTML source?

[KlaraSchmitt · Accepted solution]

@PatrickMarshallTT 

My answer might vary slightly, depending on what you are using for the source of the icons. If the icons are SVG objects that have been pasted into the text card - then you will want to use the fill attribute, as the color attribute does not work on SVGs. You could do this as inline styling:

<svg style="fill:blue;"></svg>

or as embedded styles:

<style>
.setting-svg-color {fill: blue;}
</style>

<svg class="setting-svg-color"></svg>

[JordanT]

I just did some testing on my end. What are you using for your HTML code I was able to change mine as long as I am using the fill style. 

Code used

Before change 

After Change