https://github.com/queen-raae/gatsby-plugin-svg-emoji-favicon

Puts the emoji inside an svg, then uses the svg as the favicon!
https://github.com/queen-raae/gatsby-plugin-svg-emoji-favicon

emoji favicon gatsbyjs

Last synced: 2 months ago
JSON representation

Puts the emoji inside an svg, then uses the svg as the favicon!

• Host: GitHub
• URL: https://github.com/queen-raae/gatsby-plugin-svg-emoji-favicon
• Owner: queen-raae
• Created: 2021-12-06T15:19:26.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-17T16:04:59.000Z (almost 3 years ago)
• Last Synced: 2024-10-09T12:42:40.707Z (3 months ago)
• Topics: emoji, favicon, gatsbyjs
• Language: JavaScript
• Homepage: https://emojifavicon.gatsbyjs.io/
• Size: 235 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# @raae/gatsby-plugin-svg-emoji-favicon

_Use an emoji as your site's svg favicon_ 🖼

The plugin uses a trick I learned via [@chriscoyier](https://twitter.com/chriscoyier) on [CSS-Tricks](https://css-tricks.com/emojis-as-favicons/) who got it from [@LeaVerou](https://twitter.com/LeaVerou/status/1241619866475474946); the emoji is placed inside an svg tag and the svg is used as the favicon.

 

## A message or two from Queen Raae 👑

### 1-on-1 Emergency Gatsby Call

Are you stuck on a reef in the sharky waters around the Gatsby islands? Check out [1-on-1 Emergency Gatsby Call](https://queen.raae.codes/gatsby-emergency/?utm_source=readme&utm_campaign=svg-emoji-favicon) with Queen Raae to get friendly advice you can put into action immediately from a seasoned Gatsby developer.

### Stay updated and get the most out of Gatsby

Learn how to get the most out of Gatsby and **stay updated** on the plugin by [subscribing](https://queen.raae.codes/emails/?utm_source=readme&utm_campaign=svg-emoji-favicon) to daily emails from Queen Raae and Cap'n Ola.

 

## How to install

`npm install @raae/gatsby-plugin-svg-emoji-favicon`

or

`yarn add @raae/gatsby-plugin-svg-emoji-favicon`

## How to use

In the gatsby-config.js for your site add @raae/gatsby-plugin-svg-emoji-favicon to the plugins array making sure to add an emoji.

```

// gatsby-config.js

module.exports = {

  plugins: [

    {

      resolve: "@raae/gatsby-plugin-svg-emoji-favicon",

      options: {

        emoji: "🥳",

      },

    },

  ],

};

```

## How to contribute

I love to hear from folks, do not be shy 🎉

### With Code

Take a look at [CONTRIBUTING.md](https://github.com/queen-raae/gatsby-plugin-let-it-snow/blob/main/CONTRIBUTING.md).

### With Questions, Feedback and Suggestions

If you have any questions, feedback or suggestions head on over to [discussions](https://github.com/queen-raae/gatsby-plugin-svg-emoji-favicon/discussions).

### With Bugs Reports

If you find a bug please open an [issue](https://github.com/queen-raae/gatsby-plugin-svg-emoji-favicon/issues) and/or create a pull request to fix it.