Tabler Icons

Overview

Tabler Icons is the most comprehensive icon library available in Icony, with over 5,900 meticulously designed SVG icons. All icons are drawn on a consistent 24×24 grid and cover virtually every UI and domain use case imaginable — from common navigation icons to specialized industry symbols. The MIT license and wide coverage make it a go-to choice for large-scale projects.

Key Features

• 5,900+ icons — the largest collection in Icony
• Consistent 24×24 design grid
• Outline style with customizable stroke width
• TypeScript support with named exports
• React, Vue, Svelte, Angular, and vanilla SVG
• Grouped into 30+ categories

Installation

npm install @tabler/icons-react

Usage Example

Basic React usage with Tabler Icons

import { IconHome, IconSearch, IconSettings } from '@tabler/icons-react';

export default function App() {
  return (
    <div>
      <IconHome size={24} color="#3b82f6" />
      <IconSearch size={24} stroke={1.5} />
      <IconSettings size={32} />
    </div>
  );
}

Best For