React library for Feather icons.
$ npm i react-fi
importReactfrom"react";import{FiActivity}from"react-fi";constApp=()=>{return<FiActivity/>;};exportdefaultApp;Icons can be configured with inline props :
<FiActivitycolor="red"size={48}strokeWidth={4}/>Each and every SVG attribute is customizable. Here are few examples :
| Prop Name | Default Value |
|---|---|
| fill | none |
| strokeWidth | 2 |
| strokeLinecap | round |
| strokeLinejoin | round |
You can also include the whole icon pack :
importReactfrom"react";import*asReactFIfrom"react-fi";constApp=()=>{return<ReactFI.FiActivity/>;};exportdefaultApp;If you're using Tailwind CSS, you might feel more at ease with a predefined size (e.g., 'lg', 'xs', '2xl'). You may do the same for the size prop because it will be changed to the appropriate size value.
<FiActivitysize="lg"/>// is same as<FiActivitysize={18}/>If you are unfamiliar with Tailwind font size standards, please check out https://tailwindcss.com/docs/font-size.
For a new feature, create an issue here. Open to all contributions :)
Apache-2.0. Please see the license file for more information.