IconicZar - A Curated Icon Gallery

A sleek, modern, and searchable gallery for developers and designers, showcasing a vast collection of technology and programming icons. Built with pure HTML, CSS, and JavaScript.

✨ Features

• Extensive Icon Library: Features over 920 icons in both SVG and PNG formats.
• Dynamic Search: Instantly find icons by name with a powerful real-time search bar.
• Format Filtering: Easily filter the gallery to show All, PNG, or SVG icons.
• Light & Dark Mode: Seamlessly switch between light and dark themes to suit your preference.
• Responsive Design: A fully responsive interface that looks great on any device, from mobile to desktop.
• Performance Optimized: Lazy loading for images and efficient rendering to handle a large number of icons smoothly.
• One-Click Download: Download any icon in its original format with a single click.
• Randomized Display: Icons are shuffled on each load to provide a fresh browsing experience.
• No Frameworks: Built with vanilla HTML, CSS, and JavaScript for a lightweight and fast experience.

🚀 Live Demo

This project is a static web application. To see it in action, simply open the Website file in your web browser.

🛠️ How to Use

No complex setup required!

1. Clone the repository:

   git clone https://github.com/ZarScape/IconicZar.git

2. Navigate to the project directory:

   cd IconicZar

3. Open index.html: Open the index.html file directly in your favorite web browser (e.g., Chrome, Firefox, Safari).

That's it! You can now browse, search, and download icons.

💻 Technologies Used

• HTML5: For the core structure and content.
• CSS3: For styling, layout, and the theme-switching mechanism using CSS variables.
• Vanilla JavaScript: For all dynamic functionality, including search, filtering, theme toggling, and loading icons from icons.json.

🙏 Acknowledgements

All icons are the property of their respective owners.

📄 License

This project is open-source and available under the ISC License.

---

Made with ❤️ by ZarScape