Add this package to your project using yarn or npm:
$ yarn add react @josemi-icons/reactThis package exports each icon individually as named exports, so you can import the icons that you really need for your project:
import React from "react";
import {CheckIcon} from "@josemi-icons/react";
export const App = () => (
<CheckIcon />
);You can use the following props to customize the icon:
| Prop name | Description | Type | Default value |
|---|---|---|---|
size |
The icon size. | String | "1em" |
color |
The icon color. | String | "currentColor" |
stroke |
The width of the stroke to be applied to the icon path. | String or Number | 2 |
Example:
import React from "react";
import {LineIcon} from "@josemi-icons/react";
export const App = () => (
<LineIcon color="#eaeaea" size="32px" />
);You can use the color and font-size properties of CSS to customize the icon color and size:
import React from "react";
import {HomeIcon} from "@josemi-icons/react";
export const App = () => (
<span style={{color: "blue", fontSize: "32px"}}>
<HomeIcon />
</span>
);Under the MIT LICENSE.