Heroicons

Heroicons is a free, open source icon library designed with simplicity and clarity at its core. Created by the makers of Tailwind CSS, it is a tightly curated set of over 300 icons built to feel consistent across any interface. The icons come in four styles — Outline, Solid, Mini, and Micro — all designed to work together without drawing unnecessary attention or feeling overly styled. The focus here is clean, functional shapes that hold up across different sizes and use cases.

Every icon is provided as an SVG file, with ready-to-use libraries available for React and Vue. There is also a Figma file that includes the entire set, well-organized and ready to drop into a design system. The real value of Heroicons is not in its size or range, but in how well it handles the basics. The icons feel balanced, clean, and easy to work with straight out of the box, which is exactly what you want when you are building products or UI components that need to scale.

This is not a resource trying to be everything to everyone. It is intentionally limited to essential icons and avoids the visual noise that often comes with larger libraries. There are no decorative extras or niche categories here. What you get is a thoughtfully designed, practical set of icons that respects your time and stays out of the way of your work. The MIT license makes it easy to use without worrying about attribution or licensing restrictions.