Skip to main content
Version: 0.1.x

Intro

Inspired by gregberge/svgr and oblador/react-native-vector-icons, the kit set used to rendering SVG formatted icon content directly and cross-platform from React.js, React-Native and Expo.

It provide below benefits:

  • Standardize same set of icons.
  • Easy to integrate with styled-components.
  • All svg content exported as pure JS data easier to be reuse in other platform and/or in-app updates solution like CodePush in react native.

Install packages​

Install package in your react.js, react-native or expo project

npm

npm install @svgr-iconkit/core @svgr-iconkit/fontawesome5

yarn

yarn add @svgr-iconkit/core @svgr-iconkit/fontawesome5

Start your project​

Import icon from your project

React.js for Web​

import FontawesomeIcon from "@svgr-iconkit/fontawesome5";

export default function App() {
  return <div>
    <FontawesomeIcon name="heart" color="red" size={24} />
  </div>
}

React Native or Expo​

import { View } from "react-native";
import FontawesomeIcon from "@svgr-iconkit/fontawesome5";

export default function App() {
  return <View>
    <FontawesomeIcon name="heart" color="red" size={24} />
  </View>
}