icomoon-react

!Hero Image

React Component which let you use icomoon selection.json file to render SVG instead font

Short example can be found here

installation with YARN:

``
yarn add icomoon-react
`

installation with NPM:

`
npm install icomoon-react
`

Quick usage:

use selection.json generated from http://icomoon.io/app

- add your desired icons, select from ready library or add custom svg's
- once done click Generate Font
- click Download
- unzip package and grab your selection.json

`js
import iconSet from "somewhere/selection.json";
import IcomoonReact, { iconList } from "icomoon-react";
`

than just use component in code:

`js

`

To console.log all icons use: iconList(iconSet) function

Advanced usage:

To not include set all over again just create your wraper component:

#### Icon.tsx

`js
import React from "react";

import IcomoonReact from "../IcomoonReact";
import iconSet from "./pathToSelection/selection.json";

const Icon: React.FC<{
color?: string,
size: string | number,
icon: string,
className?: string
}> = props => {
const { color, size = "100%", icon, className = "" } = props;
return (
className={className}
iconSet={iconSet}
color={color}
size={size}
icon={icon}
/>
);
};

export default Icon;
`

$3

`js
import React from "react";
import Icon from "./Icon";

const App = () => (


export default App;
`

Develop

clone repo git clone git@github.com:ponciusz/icomoon-react.git

yarn install

yarn start`