Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

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!