A library of React components for Tabler Icons

by React

tabler-icons-react

A library of React components for Tabler Icons — a set of over free 700 open-sourced MIT-licensed icons.

View Demo View Github

Usage

The package is available via npm and can be installed using npm or yarn:

# npm
npm install tabler-icons-react

# yarn
yarn add tabler-icons-react

After installing the package you can import Tabler Icons as React components as follows:

import { Activity } from 'tabler-icons-react';

Example

import React from 'react';
import { Activity } from 'tabler-icons-react';

export default function Example() {
  return (
    <div>
      <Activity size={48} color="red" />
    </div>
  );
}

Docs

Every icon component accepts following props:

Prop Default
size 24
color 'currentColor'

GitHub