To solve this, use plain SVGs! A good article that showcases using SVGs on the web: https://svgontheweb.com/

TL;DR: Use `<object>` or inline `<svg>` elements for max customizability. The browser support has got very good in the meantime.

Another tip: Use https://iconify.design/ by @cyberalien. It's a 10 kB script that loads icons from dozens of icon frameworks as inline SVGs inside Web Components. Can be SSR’ed for maximum speed!