Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ruisaraiva19/favycon
Favycon - A favicon generator tool
https://github.com/ruisaraiva19/favycon
favicon favicon-generator favicon-sizes generator nextjs png pwa serverless svg tool typescript
Last synced: 11 days ago
JSON representation
Favycon - A favicon generator tool
- Host: GitHub
- URL: https://github.com/ruisaraiva19/favycon
- Owner: ruisaraiva19
- License: mit
- Created: 2020-04-09T18:12:27.000Z (over 4 years ago)
- Default Branch: develop
- Last Pushed: 2022-07-07T10:38:47.000Z (over 2 years ago)
- Last Synced: 2024-10-16T05:29:21.064Z (22 days ago)
- Topics: favicon, favicon-generator, favicon-sizes, generator, nextjs, png, pwa, serverless, svg, tool, typescript
- Language: TypeScript
- Homepage: https://favycon.vercel.app
- Size: 11.7 MB
- Stars: 111
- Watchers: 5
- Forks: 17
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- jimsghstars - ruisaraiva19/favycon - Favycon - A favicon generator tool (TypeScript)
README
![Favycon logo](./public/favicon.svg)
# Favycon
> A favicon generator tool
A small online tool to help you generate your favicon in all the sizes and formats you need.
[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)
![Release](https://github.com/ruisaraiva19/favycon/workflows/Release/badge.svg)
![Lint](https://github.com/ruisaraiva19/favycon/workflows/Lint/badge.svg)
![Commitlint](https://github.com/ruisaraiva19/favycon/workflows/Commitlint/badge.svg)## Browser favicon formats supported
| | IE | Edge | Firefox | Chrome | Safari | iOS Safari | Chrome Android |
| --- | --- | ---- | ------- | ------ | ------ | ---------- | -------------- |
| ico | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| png | ✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ |
| svg | ❌ | ✅ | ✅ | ✅ | ⚠️ | ⚠️ | ✅ |## Favicon recommended sizes
| | apple-icon | favicon | ms-icon | pwa |
| ------- | ---------- | ------- | ------- | --- |
| 57x57 | ✅ | | | |
| 60x60 | ✅ | | | |
| 72x72 | ✅ | | | ✅ |
| 76x76 | ✅ | | | |
| 114x114 | ✅ | | | |
| 120x120 | ✅ | | | |
| 144x144 | ✅ | | ✅ | ✅ |
| 152x152 | ✅ | | | ✅ |
| 180x180 | ✅ | | | |
| 16x16 | | ✅ | | |
| 32x32 | | ✅ | | |
| 96x96 | | ✅ | | ✅ |
| 128x128 | | | | ✅ |
| 192x192 | | ✅ | | ✅ |
| 384x384 | | | | ✅ |
| 512x512 | | | | ✅ |
| 70x70 | | | ✅ | |
| 150x150 | | | ✅ | |
| 310x150 | | | ✅ | |
| 310x310 | | | ✅ | |## HTML tags to add for all favicon sizes
```html
```
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app).
## Getting Started
First, install the project dependencies:
```bash
yarn install
```Then, run the development server:
```bash
yarn dev
```Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
Also, you can run the Storybook server:
```bash
yarn storybook
```Open [http://localhost:6006](http://localhost:6006) with your browser to see all stories.
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Rui Saraiva
🚇 💻 📖 💬 🚧
Augusto Lopes
🎨
Miguel Teixeira
💻 👀
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!