https://github.com/timnew/react-fa-icon
React.js and FontAwesome integration
https://github.com/timnew/react-fa-icon
Last synced: about 1 year ago
JSON representation
React.js and FontAwesome integration
- Host: GitHub
- URL: https://github.com/timnew/react-fa-icon
- Owner: timnew
- License: mit
- Created: 2015-05-04T15:44:53.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2015-05-21T18:46:30.000Z (about 11 years ago)
- Last Synced: 2025-04-12T19:37:33.877Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://github.com/timnew/react-fa-icon
- Size: 164 KB
- Stars: 9
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
react-fa-icon
=============
`react-fa-icon` help developer to integrate [react.js] with [font-awesome].
## Examples
```jsx
const { FaIcon, FaStack } = require('react-fa-icon');
```
**CAUTION** Font Awesome CSS is not required, it must be included in HTML or via WebPack manually.
### Basic Icons
**HTML**
```html
```
**JSX**
```jsx
```
### Larger Icons
**HTML**
```html
fa-lg
fa-2x
fa-3x
fa-4x
fa-5x
```
**JSX**
```jsx
```
### Fixed Width Icons
**HTML**
```html
```
**JSX**
```jsx
```
### List Icons
**HTML**
```html
-
List icons -
can be used -
as bullets -
in lists
```
**JSX**
```jsx
- can be used
- as bullets
- in lists
```
### Bordered & Pulled Icons
**HTML**
```html
```
**JSX**
```jsx
```
### Animated Icons
**HTML**
```html
```
**JSX**
```jsx
```
### Rotated & Flipped
**HTML**
```html
normal
fa-rotate-90
fa-rotate-180
fa-rotate-270
fa-flip-horizontal
icon-flip-vertical
```
**JSX**
```jsx
```
### Stacked Icons
**HTML**
```html
```
**JSX**
```jsx
```
[react-fa-icon]: https://github.com/timnew/react-fa-icon
[react.js]: http://facebook.github.io/react/
[font-awesome]: http://fortawesome.github.io/Font-Awesome/