Every web app needs icons, and there are surprisingly many ways to load them: img tags, icon fonts, inline SVGs, SVG sprites, and Icon components. Most teams pick one by habit or choose what's easy. The choice affects bundle size, accessibility, caching, rendering quality, and developer experience.
This talk walks through each approach, how it actually works under the hood, and what it costs you. We'll compare them, showing network requests, bundle impact, and loading speed. We will show you a simple decision framework you can apply to your own projects; by the end, you'll know not just which option is "best," but which is right for your specific constraints.
This talk has been presented at React Advanced 2026, check out the latest edition of this React Conference.


















