Tabler Icons

The MIT License is a highly popular, extremely permissive open-source license. Under the MIT License, you are officially allowed to use Tabler Icons in any personal, commercial, or corporate software projects completely free of charge. You can modify the icons, distribute them, sell software containing them, and even sublicense them. The only requirement is that you must preserve the original copyright notice and permission notice in all copies of the software.

npm install @tabler/icons-react

npm install @tabler/icons-react

// Note: Works with Next.js App Router. Import icons individually for best tree-shaking performance.

npm install @tabler/icons-vue

npm install @tabler/icons-svelte

npm install @tabler/icons

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

export default function App() {
  return (
    <div>
      <IconHome size={24} />
      <IconSettings size={24} color="#6366f1" />
      <IconUser size={24} strokeWidth={1.5} />
    </div>
  )
}

import { IconBell } from '@tabler/icons-react'

export default function Navbar() {
  return (
    <button className="flex items-center gap-2">
      <IconBell className="h-5 w-5 text-gray-500" />
      <span>Notifications</span>
    </button>
  )
}

// Tabler also offers filled variants
import { IconHomeFilled, IconHeartFilled } from '@tabler/icons-react'

export default function App() {
  return (
    <div>
      <IconHomeFilled size={24} />
      <IconHeartFilled size={24} color="red" />
    </div>
  )
}