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…