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: 14 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 (25 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!