The most expensive form of sprite sheet: costs a minimum of 3x more than other techniques. This bundle from a popular site is almost 50% SVG icons (250kb), and most are unused. SVGs in JS have a cost and SVGs do not belong into your JS bundle.
Table of contents
Table of contents Section titled Table%20of%20contentsHow does <svg> end up in JavaScript? Section titled How%20does%20%3Csvg%3E%20end%20up%20in%20JavaScript%3FPerformance Deep Dive: Why SVG-in-JS is an anti-pattern Section titled Performance%20Deep%20Dive%3A%20Why%20SVG-in-JS%20is%20an%20anti-patternBest practices for removing SVGs from the JS bundle Section titled Best%20practices%20for%20removing%20SVGs%20from%20the%20JS%20bundlePerformance vs. Time-To-Load: To inline or not to inline? Section titled Performance%20vs.%20Time-To-Load%3A%20To%20inline%20or%20not%20to%20inline%3FWrap Up Section titled Wrap%20UpTools / Snippets Section titled Tools%20/%20SnippetsFootnotes & Comments Section titled Footnotes%20%26%20CommentsFootnotes Section titled FootnotesSort: