I want a new HTML element for common, standardized system icons

Submitted by Sam Henri-Gold

This idea is currently being discussed.

I want a native HTML element that renders common, standardized icons that automatically adapt to the operating system the user is on.

Managing icons on the web is surprisingly painful. I either maintain my own library of SVG files, pay for a subscription service like Font Awesome, or buy into a specific design system's icon set — none of which reflect the visual conventions of the platform my users are actually on. The share icon, for example, looks different on Windows, Android, and iOS; getting the right glyph today means detecting the OS in JavaScript and conditionally swapping assets.

A native <icon> element (or similar) that renders the correct system glyph for the current platform would let web apps feel genuinely at home on any device, reduce asset overhead, and remove the need for OS-sniffing scripts. For apps that already use the system font, it would complete the native-feeling aesthetic without any extra weight.

Tagged
HTML Accessibility
Votes
0
What are votes for and how are they tallied?