Replacements for feather-icons and react-feather

lucide for feather-icons

lucide is a community-maintained fork of Feather Icons.

Example:

import feather from 'feather-icons'
import { icons } from 'lucide'

feather.icons.x.toSvg({ class: 'icon icon-x' }) 
icons.x.toSvg({ class: 'icon icon-x' }) 

lucide-react for react-feather

lucide-react provides React components for the Lucide icon set and is the natural replacement for react-feather.

Example:

import { Camera, ArrowRight } from 'react-feather'
import { Camera, ArrowRight } from 'lucide-react'

export function Header() {
  return (
    <>
      <Camera size={18} />
      <ArrowRight className="cta-icon" />
    </>
  )
}

NOTE

Lucide provides information on the comparison of it vs feather-icons