Bootstrap Icons as CSS variables

Using icon fonts in HTML markup is still very popular, despite their many drawbacks. Using them means even if you only use a single icon, you still need to load the font file and the CSS for that entire icon set which can be a relatively significant performance overhead. Many sites are loading icon fonts from third-party CDNs too which can be blocked by users content blockers. In fact, CSS Tricks did an Inline SVG vs Icon Fonts Cagematch article 12 years ago (!) which concluded that inline SV...