react-svg-font-icons v0.2.0

React Svg Font Icons

A React component that makes easy to use popular font icon sets as an SVG element.

Icon sets that supported:

• font awesome v4
• simple line icons

Installation

$ npm install --save-dev react-svg-font-icons

Getting Started

React-svg-font-icons use same icon names in different icon sets. You can see and copy these in here

example:

import React from 'react';
import SvgFontIcons from 'react-svg-font-icons';

  const FontAwesomeIcon = () => (
    <SvgFontIcons sets="fontAwesome" name="trash" fill="#333" />
  );

  const SimpleLineIcons = () => (
    <SvgFontIcons sets="simpleLineIcon" name="trash" fill="#333" /> 
  );

If you want use default sets in entire project:

import React from 'react';
import { AwesomeSvg, SimpleLineSvg } from 'react-svg-font-icons';
const IconA () => (
  <AwesomeSvg name="trash" />
);

const IconB = () => (
  <SimpleLineSvg name="trash" />
);

Props

License

MIT © RE7A