Favicon Generator

A simple yet powerful web application for creating favicons for your website. This tool allows you to generate all the necessary favicon files from either an image or an emoji.

Features

• Image to Favicon: Upload your logo or any image to convert it into a complete favicon set.
• Emoji to Favicon: Choose any emoji to create a clean and simple favicon.
• Multiple Sizes: Generates standard sizes (16x16, 32x32, apple-touch-icon, etc.).
• ICO and PNG: Provides a standard favicon.ico file and individual PNG files for download.
• Live Preview: Instantly see a preview of your selected image or emoji.

How to Use

1. Choose your source: Select either the "From Image" or "From Emoji" tab.
2. Upload or Select:
   • If using an image, click to upload your file.
   • If using an emoji, type or select one from the palette.
3. Generate: Click the "Generate Favicons" button.
4. Download: Download the favicon.ico file for general use, or download individual PNG sizes as needed.

Tech Stack

• Framework: React
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Build Tool: Vite

Local Development Setup

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/rubenvieira/favicon-generator.git
   cd favicon-generator

2. Install the dependencies (this project uses pnpm):

   pnpm install

3. Start the development server:

   pnpm dev

4. Open your browser and navigate to the URL provided in the terminal (usually http://localhost:5173).

License

This project is licensed under the MIT License.