SVG Icons broken in Twenty Nineteen?

I’m locally using Twenty Nineteen on macOS Mojave.

When I include SVG-Icons like phone or envelope in a block they look fine in the editor, but in the frontend they get filled with a color and lose their shape.

If in the Devtool I select the <svg> element and disable fill:currentColoreverything looks fine:

svg {
	transition: fill 120ms ease-in-out;
	/* fill: currentColor; */
}

Adding the rule svg { fill: none; } to the Customizer – Additional CSS seems to fix icons like phone and envelope, but unfortunately other icons like a double arrow ? disappear entirely.

Any idea how this could be fixed?

• This topic was modified 5 years, 7 months ago by Peter Müller.