Icons
Pick interface icons and brand marks separately. Keep one interface set per product.
Library 4 · Edited 2026-10-10
All
Phosphor IconsLibraryOne icon family for interfaces, in six weights, drawn on a grid so small sizes stay clear. Changing the look is a single weight prop.Fit：One icon set for the whole product, including a range from hairline to solid.MIT · phosphoricons.comLobeHub IconsLibraryAI and LLM brand marks, as React components or static SVG.Fit：The interface needs a model vendor's logo.MIT · lobehub.com/iconsLucideLibraryThe default icons in shadcn/ui, a community fork of Feather.Fit：The project already uses shadcn and does not need several weights.ISC · lucide.devIconifyLibraryOne syntax over 200+ open icon sets.Fit：You must mix several icon sets behind one dependency.MIT · iconify.design
How to choose
When you need weights Use Phosphor, and switch the selected state to fill.
When you stay with the shadcn examples Stay on Lucide. Do not rewrite the examples just to change icons.
Vendor marks Use LobeHub for AI brand marks. Do not draw them in Phosphor.