react-favic
Version:
Add Favicons to the head of your React app
72 lines (49 loc) • 1.96 kB
Markdown
# react-favic
[](https://npmjs.org/package/react-favic)
[](https://npmjs.org/package/react-favic)
[](https://github.com/RichardLitt/standard-readme)
[](https://npmjs.org/package/react-favic)
[](http://makeapullrequest.com)
> Add Favicons to the head of your React app
## Table of Contents
- [About](#about)
- [Features](#features)
- [Usage](#usage)
- [Install](#install)
- [Contribute](#contribute)
- [License](#License)
## About
Little React component to add multiple meta tags for different sized favicons to your app's document `head`.
## Usage
Generate all your icons using [Favic-o-Matic](http://www.favicomatic.com/) and copy them into a directory in your project e.g. `static/images/meta`, then:
```js
import ReactFavic from 'react-favic'
<Head>
<meta
name='viewport'
content='initial-scale=1.0, width=device-width'
key='viewport'
/>
<meta charSet='utf-8' />
<title>Example Site</title>
<ReactFavic
name='Lesson Desk Head Office'
color='#797979'
href='static/images/meta'
/>
</Head>
```
## Install
This project uses [node](https://nodejs.org) and [npm](https://www.npmjs.com).
```sh
$ npm install react-favic
$ # OR
$ yarn add react-favic
```
## Contribute
1. Fork it and create your feature branch: `git checkout -b my-new-feature`
2. Commit your changes: `git commit -am "Add some feature"`
3. Push to the branch: `git push origin my-new-feature`
4. Submit a pull request
## License
MIT © [[object Object]]([object Object])