Skip to content

🎨 IconVerse – An application for exploring and creating custom icons. Built with Angular and TypeScript.

Notifications You must be signed in to change notification settings

obed-tc/IconVerse

Repository files navigation

IconVerse

IconVerse Logo

πŸ” Your Ultimate Icon Search Engine for Flutter and Beyond πŸš€

Deployed on Vercel Made with Angular License: MIT Contributions Welcome

Explore IconVerse | Report Bug | Request Feature

πŸ“– Table of Contents

🌟 About The Project

IconVerse is your one-stop destination for an extensive collection of icons, including Flutter's default icons and SVG icons from various other collections. Our platform offers a powerful search engine that allows you to easily find, copy, and implement icons in your projects.

Why IconVerse?

  • Comprehensive: Access Flutter icons and SVG collections all in one place.
  • Time-Saving: Quick search and easy implementation instructions.
  • Free & Open Source: Use and contribute to our growing collection.
IconVerse Logo

✨ Features

  • πŸ”Ž Advanced search functionality
  • πŸ“š Extensive icon library including Flutter icons and SVG collections
  • πŸ“‹ One-click copy for SVG code
  • πŸ’» Implementation guides for various frameworks
  • 🎨 Preview and customize icons
  • πŸ“± Responsive design for desktop and mobile
  • πŸŒ™ Dark mode support

πŸ›  Built With

πŸš€ Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

  • Node.js (v14.x or later)
  • npm
    npm install npm@latest -g

Installation

  1. Clone the repo
    git clone https://github.com/obed-tc/IconVerse.git
  2. Navigate to the project directory
    cd IconVerse
  3. Install NPM packages
    npm install
  4. Start the development server
    ng serve
  5. Open your browser and visit http://localhost:4200

πŸ’» Usage

  1. Use the search bar to find specific icons.
  2. Click on an icon to view details.
  3. Copy the SVG code or view implementation instructions.
  4. Use the customization options to adjust the icon as needed.
  5. Implement the icon in your project using the provided guidelines.
IconVerse Logo

πŸ—Ί Roadmap

See the open issues for a list of proposed features and known issues.

  • Basic search functionality
  • Flutter icon integration
  • Additional SVG collections
  • User accounts and favorites
  • API for developers

🀝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Don't forget to give the project a star! Thanks again!

For more details, please refer to the CONTRIBUTING.md.

πŸ“œ License

Distributed under the MIT License. See LICENSE for more information.

πŸ“ž Contact

Obed TC - @obed_tc

Project Link: https://github.com/obed-tc/IconVerse

πŸ™ Acknowledgements


Made with ❀️ by Obed TC | IconVerse

About

🎨 IconVerse – An application for exploring and creating custom icons. Built with Angular and TypeScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published