The author discusses the benefits and challenges of using SVG elements on the web, highlighting the ability to style, cache, and control dimensions of SVGs. They explain how to display SVGs using ![]()
tags, tags, and tags, noting the cacheability issues associated with each method. Surprising information includes how to dynamically style SVGs using CSS and JavaScript, and how to mitigate cacheability problems by using tags to reference symbols from an inline SVG. Controversial information includes the author’s preference for referencing SVGs via tags despite dimensionality issues. Overall, the author provides valuable insights and tips for working with SVGs on websites.
https://me.micahrl.com/blog/svg-triangle-of-compromise/