SVG elements embedded in HTML with the
svg element default to a width of the entire browser viewport, scaling its height to that size. If a website depends on CSS to resize the SVG and this does not load for any reason (e.g. bad network or blocking extension) the user will have their screen filled with just the one icon. Similarly, external CSS will mostly not be available when content is included on other pages, e.g. a reply-context, planet or comment (but this applies to other images too).
An example on the IndieWeb, Eddie Hinkle’s home page on 2018-03-01 without CSS fills a big part of the viewport with its menu icon:
- The name is inspired by the worst offenders, social media buttons: Facebook, Twitter, Google.