react-iconfont

A Library Project For React To Use Iconfont Intelligently

Installation

$ npm i -S @jayson991/react-iconfont

import IconFont from '@jayson991/react-iconfont';

Iconfont

Source Support

• Icomoon
• Iconfont

Method Support

• FontClass
  • type: icon
• Symbol, SVG
  • type: svg

Usage

import React from 'react';
import IconFont from '@jayson991/react-iconfont';

// import for IconFont usage
import './iconfont.css';
import './iconfont.js';

const App = () => (
  <>
    <div>
      Hello
      <IconFont type='icon' name='circle-checked' color='f00' size='30' />
      FontIcon
    </div>

    <div>
      Hello
      <IconFont type='svg' name='circle-checked' color='f00' size='30' />
      SvgIcon
    </div>
  </>
);

export default App;

Property Support

| Property | Description | | -------- | :------------------------------------------------------------- | | name | IconFont Name, String, default: '' | | type | Icon or SVG, String, default: 'icon' | | size | IconFont Size, String, default: '' (Browser Setting) | | color | IconFont Color, String, default: '' (Only Support #${color}) |