tabler-icons

Tabler Icons is a free, MIT-licensed library of more than 6,000 SVG icons (vector graphics that stay crisp at any size) that you can drop into web projects. The README pegs the current count at 6,110: 5,057 outline icons plus 1,053 filled icons. Each icon is drawn on a 24-by-24 grid with a 2-pixel stroke, which means they share a consistent visual weight when used together in an interface. Because every icon is an SVG, the same source file can be used in several ways. You can reference it as the source of an HTML image tag, paste the SVG markup directly into your page (inline) so CSS can change its color and stroke width, or pull individual icons from an SVG sprite using a fragment identifier. There are also wrapper packages for the most common front-end frameworks: React (via @tabler/icons-react), Vue (@tabler/icons-vue), Angular (angular-tabler-icons), and Svelte (with separate packages for Svelte 4 and the newer Svelte 5 runes flavor). Each wrapper exposes the icons as components you can import by name, like IconHome or IconHeart, and lets you set size, color, and stroke width as props. TypeScript declarations are included for the React, Vue and Angular packages. You install the base package from npm as @tabler/icons, or just download a release from GitHub. There is also a CDN distribution served through jsDelivr, including a webfont version (@tabler/icons-webfont) that exposes the icons as a CSS icon font for use without a bundler. You would reach for it whenever you are building a website, web application, or design system and want a large, visually consistent icon set without paying licensing fees.