Feather Icons

The MIT License is a highly popular, extremely permissive open-source license. Under the MIT License, you are officially allowed to use Feather 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 react-feather

npm install react-feather

// Note: Works with Next.js but note the library is no longer actively maintained. Consider Lucide Icons as a maintained alternative.

// No official Vue package. Use vue-feather community package or SVG files directly.

// No official Svelte package. Use SVG files directly from feathericons.com

npm install feather-icons

import { Home, Settings, User } from 'react-feather'

export default function App() {
  return (
    <div>
      <Home size={24} />
      <Settings size={24} color="#6366f1" />
      <User size={24} strokeWidth={1} />
    </div>
  )
}

import { Bell } from 'react-feather'

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

// Vanilla JS usage
const feather = require('feather-icons')
feather.replace()

// In HTML:
// <i data-feather="home"></i>