# @tabler/icons

> A set of free MIT-licensed high-quality SVG icons for you to use in your web projects.

Latest version **3.47.0** (published 2026-09-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install @tabler/icons
pnpm add @tabler/icons
yarn add @tabler/icons
bun add @tabler/icons
```

## Health

**Score 60/100 (C)** — status: active.

Positive: no vulnerabilities; recently updated; high maintenance score; popular repo.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 3.47.0 |
| Published | 2026-09-18 |
| First published | 2020-11-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 21697 |
| Author | codecalm |
| Maintainers | codecalm, bartosz-do |
| Keywords | icons, svg, png, iconfont, react, front-end, web |

## Links

- npm: https://www.npmjs.com/package/@tabler/icons
- Repository: https://github.com/tabler/tabler-icons
- Homepage: https://tabler.io/icons
- Issues: https://github.com/tabler/tabler-icons/issues
- Funding: https://github.com/sponsors/codecalm
- npm.io page: https://npm.io/package/@tabler/icons

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 3.47.0 (latest) — 2026-09-18
- 3.0.0-beta.2 (beta) — 2024-02-28
- 3.46.0 — 2026-07-28
- 3.45.0 — 2026-07-17
- 3.44.0 — 2026-05-08
- 3.43.0 — 2026-05-06
- 3.42.0 — 2026-05-04
- 3.41.1 — 2026-03-29
- 3.41.0 — 2026-03-26
- 3.40.0 — 2026-03-07
- 3.39.0 — 2026-03-05
- 3.38.0 — 2026-03-01
- 3.37.1 — 2026-02-19
- 3.37.0 — 2026-02-19
- 3.36.1 — 2026-01-02
- … 200 more at https://npm.io/package/@tabler/icons/versions

## README

# Tabler Icons

<p align="center">
  <a href="https://tabler.io/icons?ref=tabler-icons-readme"><img src="https://raw.githubusercontent.com/tabler/tabler-icons/main/.github/packages/og-core.png" alt="Tabler Icons" width="838"></a>
</p>

<p align="center">
  A set of <!--icons-count-->6202<!--/icons-count--> free, MIT-licensed, high-quality SVG icons for your web projects. Each icon is designed on a 24x24 grid with a 2px stroke.
</p>

<p align="center">
  <a href="https://tabler.io/icons"><strong>Browse all icons at tabler.io &rarr;</strong></a>
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/@tabler/icons"><img src="https://img.shields.io/npm/v/@tabler/icons" alt="Latest release"></a>
  <a href="https://github.com/tabler/tabler-icons/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@tabler/icons.svg" alt="License"></a>
</p>

## Sponsors

**If you want to support our project and help us grow it, you can [become a sponsor on GitHub](https://github.com/sponsors/codecalm) or [donate on PayPal](https://paypal.me/codecalm).**

<a href="https://github.com/sponsors/codecalm">
  <img src="https://cdn.jsdelivr.net/gh/tabler/sponsors@latest/sponsors.svg" alt="Tabler sponsors">
</a>

## Installation

```sh
npm install @tabler/icons
```

```sh
yarn add @tabler/icons
```

```sh
pnpm add @tabler/icons
```

You can also [download the latest release from GitHub](https://github.com/tabler/tabler-icons/releases).

## Usage

All icons are plain SVG files, so you can use them as an `<img>` source, as a CSS `background-image`, or inline in your HTML.

### HTML image

When you load an icon as an image, you can control its size with CSS.

```html
<img src="path/to/icon.svg" alt="icon title" />
```

### Inline SVG

Paste the content of the icon file directly into your HTML to render it inline.

```html
<svg
  xmlns="http://www.w3.org/2000/svg"
  class="icon icon-tabler icons-tabler-outline icon-tabler-activity"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  <path d="M3 12h4l3 8l4 -16l3 8h4" />
</svg>
```

Inline icons inherit `currentColor`, so you can change their size, color, and `stroke-width` with CSS.

```css
.icon-tabler {
  color: red;
  width: 32px;
  height: 32px;
  stroke-width: 1.5;
}
```

## Package contents

| Path | Description |
| --- | --- |
| `icons/outline/*.svg` | Outline icons |
| `icons/filled/*.svg` | Filled icons |
| `icons.json` | Metadata for every icon: name, category, tags, version and unicode code point |
| `categories/outline/<category>/*.svg` | Outline icons grouped by category |
| `tabler-nodes-outline.json`, `tabler-nodes-filled.json` | Icon paths as `[tag, attributes]` tuples, used to build the framework packages |

## CDN

All files are available from [jsDelivr](https://cdn.jsdelivr.net/npm/@tabler/icons@latest/). Replace `latest` with a specific version number to pin a release.

```html
<img src="https://cdn.jsdelivr.net/npm/@tabler/icons@latest/icons/outline/home.svg" alt="Home" />
<img src="https://cdn.jsdelivr.net/npm/@tabler/icons@latest/icons/filled/home.svg" alt="Home" />
```

## Contributing

Bug reports and icon requests are welcome in the [issue tracker](https://github.com/tabler/tabler-icons/issues). Caught a mistake in this page? [Edit it on GitHub](https://github.com/tabler/tabler-icons/blob/main/packages/icons/README.md).

## License

Tabler Icons is licensed under the [MIT License](https://github.com/tabler/tabler-icons/blob/main/LICENSE).

---
_Source: https://npm.io/package/@tabler/icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._