Unescaped '#' characters in a data URI body deprecated; How to find in project?

Question

I'm getting this warning from Chrome in my Angular 2+ application. Ok, so how am I supposed to go about finding where this issue is occurring in my project with so many data URIs? Wait for it to fail, I suppose? Yikes.

[Deprecation] Using unescaped '#' characters in a data URI body is deprecated and will be removed in M67, around May 2018. Please use '%23' instead. See https://www.chromestatus.com/features/5656049583390720 for more details.

Seems like they should point to the source somehow. Any ideas?

Answer 1

If you have inline SVG, look at color references and replace #rrggbb with rgb(R, G, B). It should help.

Source: https://github.com/stylus/stylus/issues/2379