npm

Check out our latest tech talk, "JavaScript Supply Chain Security" presented by VP of Security, Adam Baldwin.Watch it here »

react-feather

1.1.6 • Public • Published

React Feather Icons

npm

What is react-feather?

react-feather is a collection of simply beautiful open source icons for React.js. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

Based on Feather 4.12.1

Installation

npm install react-feather --save

Usage

import React from 'react';
import { Camera } from 'react-feather';
 
const App = () => {
  return <Camera />
};
 
export default App;

If you are using WebPack, you can import only one icon.

import React from 'react';
import Camera from 'react-feather/dist/icons/camera';
 
const App = () => {
  return <Camera />
};
 
export default App;

If you can't use ES6 imports, it's possible to include icons from the compiled folder ./dist.

var Camera = require('react-feather/dist/icons/camera').default;
 
var MyComponent = React.createClass({
  render: function () {
    return (
      <Camera />
    );
  }
});

You can also include the whole icon pack:

import React from 'react';
import * as Icon from 'react-feather';
 
const App = () => {
  return <Icon.Camera />
};
 
export default App;

Icons can be configured with inline props:

<Icon.AlertCircle color="red" size={48} />

install

npm i react-feather

Downloadsweekly downloads

51,026

version

1.1.6

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability