Post

🌠 The best icon pack in the world right now, IMO, is Lucide (lucide.dev). It builds on @colebemis.com’s incredible work with Feather Icons, extending it from ~300 icons to >1500. It has fully-typed bindings for React and many other frameworks. And I just found out: they’re even more optimized! 🧵

I only use a handful of icons per route, so it hasn’t really been an issue, less than 10kb even before gzipping IIRC. And it isn’t really multiple hops, at least not in terms of network requests; they’re all bundled alongside my other JS (with the React package, at least).

Yeah I wonder why they discourage SVG sprites on their site. You can create sprites (which are cached like most static resources) with only those icons that you need. <use /> is so much better than inlining SVGs in a table with 500 rows (2-4 icons per row :))