Get the latest tech news
SVG Triangle of Compromise
All rituals restricted. All rites reserved.
Stylable: can be colored with CSS (including foreground, background,:hover states, etc) Cacheable: load once, use on other pages is free Dimensional: has an intrinsic width and height An SVG defined this way has another advantage: it can use the currentColor value for its fill and stroke properties, which means that it will automatically inherit the text finder color of its parent element. It's too bad that an inline<svg> cannot be cached, because it would be nice to be able to style logos and icons with CSS, and those are the things that are most likely to be repeated on multiple pages.
Or read this on Hacker News
