Skip to content

Add Favicons to the head of your React app

License

Notifications You must be signed in to change notification settings

tiaanduplessis/react-favic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-favic

package version package downloads standard-readme compliant package license make a pull request

Add Favicons to the head of your React app

Table of Contents

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 and copy them into a directory in your project e.g. static/images/meta, then:

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 and npm.

$ 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])

About

Add Favicons to the head of your React app

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published