# Tabler Icons

> Tabler Icons is a set of 6257 free, open-source SVG icons with a consistent 24x24 grid and 2px stroke, available in outline and filled styles, as packages for React, Vue, Svelte, SolidJS, Preact, Angular, Astro, React Native, a webfont, Figma, and as static SVG, PNG, PDF and EPS files.

- Icons: 6257 (6250+)
- Version: 3.50.0
- License: MIT
- URL: https://tabler.io/icons
- Documentation: https://docs.tabler.io/icons
- Source code: https://github.com/tabler/tabler-icons
- Figma plugin: https://www.figma.com/community/plugin/1169807996149376642/Tabler-Icons

## Features

- Designed on a 24x24 pixel grid with a 2px stroke; stroke width, size and color are customizable
- Outline and filled variants
- Every icon is a plain SVG, so it can be used inline, as an image or through a framework package
- Searchable gallery with categories and tags at https://tabler.io/icons
- Free for personal and commercial use under the MIT license, no attribution required

## Install

```bash
npm install @tabler/icons
```

Framework and format packages:

- React: `npm install @tabler/icons-react` (https://docs.tabler.io/icons/libraries/react)
- React Native: `npm install @tabler/icons-react-native`
- Vue: `npm install @tabler/icons-vue` (https://docs.tabler.io/icons/libraries/vue)
- Preact: `npm install @tabler/icons-preact` (https://docs.tabler.io/icons/libraries/preact)
- Svelte: `npm install @tabler/icons-svelte` (https://docs.tabler.io/icons/libraries/svelte)
- SolidJS: `npm install @tabler/icons-solidjs` (https://docs.tabler.io/icons/libraries/solidjs)
- Angular: `npm install @tabler/icons-angular`
- Astro: `npm install @tabler/icons-astro`
- Webfont: `npm install @tabler/icons-webfont` (https://docs.tabler.io/icons/libraries/webfont)
- PDF: `npm install @tabler/icons-pdf` (https://docs.tabler.io/icons/static-files/pdf)
- PNG: `npm install @tabler/icons-png` (https://docs.tabler.io/icons/static-files/png)
- SVG: `npm install @tabler/icons` (https://docs.tabler.io/icons/static-files/svg)
- SVG Sprite: `npm install @tabler/icons-sprite` (https://docs.tabler.io/icons/static-files/svg)
- EPS: `npm install @tabler/icons-eps` (https://docs.tabler.io/icons/static-files/eps)

Usage example in React:

```jsx
import { IconHeart } from '@tabler/icons-react';

<IconHeart size={24} stroke={2} />
```

## Pricing

Prices are list prices in USD and one-time payments; the website may show a lower promotional price.

- Open Source: free, MIT license, 6250+ SVG icons, webfont, source code
- Bundle: $9 one-time payment, premium package with SVG, PNG and PDF versions, ready to use
- All Package: $69 one-time payment, icons plus the admin template, illustrations and email templates

Details: https://tabler.io/pricing

## Links

- Page: https://tabler.io/icons
- Pricing: https://tabler.io/pricing
- License: https://tabler.io/license
- Support: https://tabler.io/support