https://github.com/obed-tc/iconverse
🎨 IconVerse – An application for exploring and creating custom icons. Built with Angular and TypeScript.
https://github.com/obed-tc/iconverse
angular typescript
Last synced: about 2 months ago
JSON representation
🎨 IconVerse – An application for exploring and creating custom icons. Built with Angular and TypeScript.
- Host: GitHub
- URL: https://github.com/obed-tc/iconverse
- Owner: obed-tc
- Created: 2024-09-27T16:21:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-30T03:46:47.000Z (over 1 year ago)
- Last Synced: 2025-04-09T10:01:44.493Z (12 months ago)
- Topics: angular, typescript
- Language: HTML
- Homepage: https://iconverse.vercel.app
- Size: 4.18 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# IconVerse
🔍 Your Ultimate Icon Search Engine for Flutter and Beyond 🚀
[](https://iconverse.vercel.app)
[](https://angular.io/)
[](https://opensource.org/licenses/MIT)
[](CONTRIBUTING.md)
[Explore IconVerse](https://iconverse.vercel.app) | [Report Bug](https://github.com/obed-tc/IconVerse/issues) | [Request Feature](https://github.com/obed-tc/IconVerse/issues)
## 📖 Table of Contents
- [About The Project](#about-the-project)
- [Features](#features)
- [Built With](#built-with)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
- [Roadmap](#roadmap)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
- [Acknowledgements](#acknowledgements)
## 🌟 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.
## ✨ 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
- [Angular](https://angular.io/) - The web framework used
- [TypeScript](https://www.typescriptlang.org/) - Programming language
- [SCSS](https://sass-lang.com/) - For styling
- [Vercel](https://vercel.com/) - For deployment
## 🚀 Getting Started
To get a local copy up and running, follow these simple steps.
### Prerequisites
- Node.js (v14.x or later)
- npm
```sh
npm install npm@latest -g
```
### Installation
1. Clone the repo
```sh
git clone https://github.com/obed-tc/IconVerse.git
```
2. Navigate to the project directory
```sh
cd IconVerse
```
3. Install NPM packages
```sh
npm install
```
4. Start the development server
```sh
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.
## 🗺 Roadmap
See the [open issues](https://github.com/obed-tc/IconVerse/issues) for a list of proposed features and known issues.
- [x] Basic search functionality
- [x] 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](CONTRIBUTING.md).
## 📜 License
Distributed under the MIT License. See [`LICENSE`](LICENSE) for more information.
## 📞 Contact
Obed TC - [@obed_tc](https://github.com/obed-tc)
Project Link: [https://github.com/obed-tc/IconVerse](https://github.com/obed-tc/IconVerse)
## 🙏 Acknowledgements
- [Flutter Icons](https://flutter.dev/docs/development/ui/widgets/icons)
- [Open Source SVG Icons](https://iconify.design/)
- [Angular Documentation](https://angular.io/docs)
- [GitHub Emoji Cheat Sheet](https://www.webpagefx.com/tools/emoji-cheat-sheet)
- [Choose an Open Source License](https://choosealicense.com)
---
Made with ❤️ by [Obed TC](https://github.com/obed-tc) | [IconVerse](https://iconverse.vercel.app)