# Tabler Icons — 6000+ Free SVG Icons for Web Projects

> A comprehensive set of over 6000 free MIT-licensed SVG icons designed for modern web projects with React, Vue, Svelte, and other framework integrations.

## Install

Save in your project root:

# Tabler Icons — 6000+ Free SVG Icons for Web Projects

## Quick Use
```bash
npm install @tabler/icons-react
# In your component:
import { IconHome, IconSettings } from '@tabler/icons-react'
<IconHome size={24} stroke={1.5} />
```

## Introduction
Tabler Icons is a free and open-source icon library offering over 6000 pixel-perfect SVG icons. Each icon is designed on a 24x24 grid with consistent stroke widths, making them visually coherent across any application. The library provides official packages for React, Vue, Svelte, Angular, Preact, and plain SVG.

## What Tabler Icons Does
- Provides 6000+ icons covering common UI, social, device, and brand categories
- Ships framework-specific packages with tree-shakable imports
- Supports customizable size, stroke width, and color via props or CSS
- Offers a web-based icon search and preview at tabler.io/icons
- Includes filled and outline variants for many icons

## Architecture Overview
Each icon is authored as a standalone SVG file with consistent 24x24 viewBox and configurable stroke attributes. A build pipeline generates framework-specific wrapper components for React, Vue, Svelte, and others. The React package exports each icon as a named component that accepts size, color, and stroke props. SVG sprites and web font versions are also available for legacy integration.

## Self-Hosting & Configuration
- Install the framework-specific package via npm (e.g., `@tabler/icons-react`)
- Import only the icons you need for automatic tree shaking
- Customize stroke width globally by wrapping icons in a provider or setting defaults
- Use the CDN-hosted SVG sprite for non-bundled projects
- Download individual SVGs from the Tabler Icons website for design tools

## Key Features
- Consistent 24x24 grid with uniform stroke widths across all icons
- MIT licensed with no attribution required
- Tree-shakable packages keep bundle size proportional to usage
- Regularly updated with new icons added in each release
- Accessible by default with proper SVG title and role attributes

## Comparison with Similar Tools
- **Lucide** — Fork of Feather Icons, similar philosophy, smaller set
- **Heroicons** — By Tailwind Labs, 300+ icons, outline and solid styles
- **Phosphor Icons** — 6000+ icons with six weight variants
- **Font Awesome** — Massive icon set, freemium model with pro icons
- **Material Icons** — Google's icon set, tightly coupled to Material Design

## FAQ
**Q: Are Tabler Icons free for commercial use?**
A: Yes. All icons are MIT licensed with no restrictions on commercial use.

**Q: How do I search for a specific icon?**
A: Visit the Tabler Icons website and use the search bar to filter by keyword or category.

**Q: Can I customize the stroke width?**
A: Yes. Pass a `stroke` prop to the component (default is 2) or adjust the SVG attribute directly.

**Q: Are filled variants available?**
A: Yes. Many icons have filled versions available through the same package with a `Filled` suffix.

## Sources
- https://github.com/tabler/tabler-icons
- https://tabler.io/icons

---
Source: https://tokrepo.com/en/workflows/tabler-icons-6000-free-svg-icons-web-projects-c7c531ff
Author: AI Open Source