Suprim React Icons

What is suprim-react-icons?

suprim-react-icons 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 Icons v4.28.0

Installation

yarn add suprim-react-icons

or

npm i suprim-react-icons

Usage

import React from "react";
import { Camera } from "suprim-react-icons";

const App = () => {
  return <Camera />;
};

export default App;

Icons can be configured with inline props:

<Camera color="red" size={48} />

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

var Camera = require("suprim-react-icons/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 "suprim-react-icons";

const App = () => {
  return <Icon.Camera />;
};

export default App;