Creating a Maintainable Icon System with Sass

1 · CSS-Tricks · Aug. 28, 2019, 3:15 p.m.
One of my favorite ways of adding icons to a site is by including them as data URL background images to pseudo-elements (e.g. ::after) in my CSS. This technique offers several advantages: They don't require any additional HTTP requests other than the CSS file. Using the background-size property, you can set your pseudo-element to any size you need without worrying that they will overflow the boundaries (or get chopped off). They are ignored by screen readers (at least in … Read article The p...