react

Installation

Add this package to your project using yarn or npm:

$ yarn add react @josemi-icons/react

Usage

This 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 />
);

Customize icon using props

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" />
);

Customize icons using CSS

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>
);

License

Under the MIT LICENSE.