There is a new web feature called maskable icons that is coming soon to Firefox Preview and other web browsers. This new icon format will let your PWAs have their own adaptive icons on Android.
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:
background-sizeproperty, you can set your pseudo-element to any size you need without worrying that they will overflow the boundaries (or get chopped off).
Here's a question I got the other day?
… Read article
Would you suggest icon fonts or inline SVGs for a complex single page application? And are there specific accessibility concerns for either? Accessibility is especially important for us because schools use our products. I ask because we are currently in the process of unifying and setting up an icon system.