react-icon-base

base element for react-icons

Installation

npm install react-icon-base --save

Usage

1import React from 'react'
2import IconBase from 'react-icon-base'
3
4export default class FaHeart extends React.Component {
5    render() {
6        return (
7            <IconBase viewBox="0 0 1792 1896.0833" {...this.props}>
8                <g><path d="m896 1664q-26 0-44-18l-624-602q-10-8-27.5-26t-55.5-65.5-68-97.5-53.5-121-23.5-138q0-220 127-344t351-124q62 0 126.5 21.5t120 58 95.5 68.5 76 68q36-36 76-68t95.5-68.5 120-58 126.5-21.5q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z"/></g>
9            </IconBase>
10        )
11    }
12}

Configuration

You can configure react-icon-base props in context.

1class HigherOrderComponent extends Component {
2
3    static childContextTypes = {
4        reactIconBase: PropTypes.object
5    };
6
7    getChildContext() {
8        return {
9            reactIconBase: {
10                color: 'tomato',
11                size: 24,
12                style: {
13                    ...
14                }
15            }
16        }
17    }
18
19    render() {
20        ...
21    }
22}

Context can be overriden inline, like so:

1<Icon size={30} color='aliceblue' style={{ ... }} />

Licence

MIT