Logo Best

A simple and free online logo maker built with React and TypeScript. Create professional icon-based logos in seconds with an intuitive interface.

Features

• Multiple Icon Packs: Choose from 6 popular icon libraries:

  • Font Awesome (Solid & Regular)
  • Heroicons
  • Material Icons
  • Feather Icons
  • Phosphor Icons

• Full Customization:

  • Background color picker
  • Icon color customization
  • Adjustable icon size
  • Border radius control
  • Border width and color
  • Icon border width
  • Padding adjustment
  • Icon rotation

• Export Options:

  • PNG format
  • SVG format

• Additional Features:

  • Logo presets for quick start
  • Local storage to save your designs
  • Responsive design for mobile and desktop
  • Real-time preview

Tech Stack

• React 18.2.0
• TypeScript 4.9.5
• Tailwind CSS 3.2.4
• DaisyUI 2.51.5
• React Router 7.2.0
• html2canvas 1.4.1 (for PNG export)

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/yourusername/logobe.st.git
cd logobe.st

2. Install dependencies:

npm install

3. Start the development server:

npm start

The app will open at http://localhost:3000

Build for Production

npm run build

This creates an optimized production build in the build folder.

License

This project is open source and available under the MIT License.

Live Demo

Visit the live application at: https://logobe-st.vercel.app/