React component for font awesome

Last update: Oct 23, 2017

react-icon

React component for font awesome

Installation

sitb-react-icon

npm install sitb-react-icon

Usage

Dependencies

Depend on the style of the font-awesome library

import '../../node_modules/font-awesome/less/font-awesome.less';
import Icon from 'sitb-react-icon';
import { render } from 'react-dom';

let node = <Icon faStyle='gg' />;
render(<node, container);

Examples

The cloning project,install lib and start,

npm install
npm start 
http://localhost:9000

then open http://localhost:9000 in browser.

online example: http://sitb-software.github.io/react-icon/

Api

name description type default
faStyle the icon style. more style http://fortawesome.github.io/Font-Awesome/icons/ String undefined
className additional css class of root dom node String undefined
size To increase icon sizes relative to their container one of [1, 2, 3, 4, 5, '1', '2', '3', '4', '5'] undefined
fixed fa-fw class Boolean false
list fa-li class Boolean false
border fa-border class Boolean false
pullLeft fa-pull-left class Boolean false
pullRight fa-pull-right class Boolean false
animate Animated Icons fa-spin or fa-pulse one of spin,pulse undefined
rotate fa-rotate-* 90 180 270 Number undefined
flipHorizontal fa-flip-horizontal Boolean false
flipVertical fa-flip-vertical Boolean false
inverse fa-inverse Boolean false
stack fa-stack-* one of [1, 2, '1', '2'] false

License

License

GitHub

https://github.com/sitb-software/react-icon/
You might also like...

SVG library for React Native, React Native Web, and plain React web projects.

SVG library for React Native, React Native Web, and plain React web projects.

react-native-svg react-native-svg provides SVG support to React Native on iOS and Android, and a compatibility layer for the web. Check out the demo L

May 12, 2022

ICONSAX for React and React Native ✌️

ICONSAX for React and React Native ✌️

May 9, 2022

React-useanimations is a collection of free animated open source icons for React.js.

React-useanimations is a collection of free animated open source icons for React.js.

React UseAnimations Icons What is react-useanimations? React-useanimations is a collection of free animated open source icons for React.js. Collection

May 15, 2022

svg react icons of popular icon packs

React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons

May 17, 2022

A React SVG components library of Framework7 Icons with better usability.

A React SVG components library of Framework7 Icons with better usability.

A React SVG components library of Framework7 Icons npm install react-f7-icons import F7Icon from 'react-f7-icons' export default function Component

Sep 9, 2021

A friendly, open source React iconset

A friendly, open source React iconset

A friendly, open source React iconset

May 8, 2022

Transform SVG to React Chakra UI Icon / ✨

Transform SVG to React Chakra UI <Icon /> ✨

Transform SVG to React Chakra UI ✨ from SVG file to CODE Features Transform SVG/ to Chakra-UI Icon Component or Functional createIcon(...). Icon /

May 9, 2022

Akar icons library as React components.

Akar icons library as React components.

akar-icons A perfectly rounded icon library made for designers, developers, and pretty much everyone. Explore all of our icons at akaricons.com. Get S

May 4, 2022

🎨 Tabler Icons for React

tabler-icons-react A library of React components for Tabler Icons — a set of over free 700 open-sourced MIT-licensed icons. Usage The package is avail

May 13, 2022
Related tags
SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)

SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)

May 12, 2022
Iconify icon component for React

This repository contains old version 1 of Iconify for React. The latest version has been moved to Iconify monorepo: https://github.com/iconify/iconify

May 7, 2022
57 SVG icons for CRUD applications, packaged as a React component with light & dark themes and tooltip.
57 SVG icons for CRUD applications, packaged as a React component with light & dark themes and tooltip.

React-CRUD-Icons · React-CRUD-Icons is a set of SVG icons for CRUD (Create, Read, Update, Delete) apps, implemented as a React component with light &

Apr 10, 2022
🌈 React component for Iconly icons

?? React Iconly Icons React component for Iconly icons react-iconly is a collection of simply beautiful open source icons for React.js. Each icon is d

May 10, 2022
Accessible SVG icon component for React

react-svg-icon Accessible SVG icon component for React. Check out the online demo! Usage npm install --save react-svg-icon import Icon from 'react-svg

Jan 9, 2020
React icon component for Geomicons Open

react-geomicons React icon component for Geomicons Open View Demo Getting Started npm install --save react-geomicons var React = require('react'); var

Jan 27, 2022
React FontIconPicker Component to pick icon or SVG from a selection.
React FontIconPicker Component to pick icon or SVG from a selection.

React FontIconPicker Component A react version of fontIconPicker. This is rewritten and is not a wrapper around jQuery version. With FontIconPicker co

May 10, 2022
A React.js wrapper component to animate the line stroke in SVGs
A React.js wrapper component to animate the line stroke in SVGs

react-mt-svg-lines Bring your SVGs to life Live Demo A React.js wrapper component that lets you trigger an "animated lines" effect within your SVGs by

Feb 11, 2022
An svg icon from clipboard.js site assets, packaged as a React stateless component
An svg icon from clipboard.js site assets, packaged as a React stateless component

react-clipboard-icon is an svg icon from clipboard.js site assets, packaged as a React stateless component Installation | Usage | Development | Licens

Mar 26, 2019
A small and simple component to create icons from a rating
A small and simple component to create icons from a rating

Pretty rating React A small and simple library that transform you rating in icons for you web Status Getting started To install as npm dependency npm

Nov 13, 2021