decaporg / decaporg/gatsby-starter-decap-cms

Add favicon/manifest

Open
#191 7 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2k
Forks
951
PR merge metrics
No merged PRs in 30d

Description

---
name: Feature request
about: Suggest an idea for this project

---

## Feature request

**What is the expected behavior?**
Generate different sizes favicons from one source SVG and create a manifest.

**What is motivation or use case for adding/changing the behavior?**
Don't have to manually create and commit different favicon sizes and include them in helmet. I think most people would want to configure a web app manifest as well.

**How should this be implemented in your opinion?**
Use [gatsby-plugin-manifest](https://www.npmjs.com/package/gatsby-plugin-manifest).
I gave it a try and it seemed to work fine just by adding it into plugins. I thought there might be some issues with helmet, but seem ok.

This is the configuration I used. I guess the current coffee cup favicon will need to be recreated as an SVG, unless someone knows the source?
```
{
resolve: `gatsby-plugin-manifest`,
options: {
name: `Kaldi`,
short_name: `Kaldi`,
start_url: `/`,
background_color: `#FFFFFF`,
theme_color: `#FFFFFF`,
icon: `src/img/favicon.svg`, // Need to create this asset
include_favicon: true,
},
},
```

**Are you willing to work on this yourself?**
yes

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.