🎨 Icon Library

A beautiful, searchable icon gallery with 3,378+ SVG icons featuring pagination, search, and click-to-copy functionality.

✨ Features

• 🔍 Real-time Search - Instantly filter through thousands of icons
• 📄 Pagination - 24 icons per page for optimal performance
• 📋 Click to Copy - Copy icon names to clipboard
• 📱 Responsive Design - Works perfectly on mobile and desktop
• ⚡ Fast & Lightweight - Pure HTML/CSS/JavaScript, no frameworks
• 🎯 3,378+ Icons - Comprehensive collection of brand and tech icons

🚀 Live Demo

Visit: [Your GitHub Pages URL will be here]

📦 Installation

# Clone the repository
git clone https://github.com/DevStudio2k25/icon-library.git

# Navigate to directory
cd icon-library

# Generate icons list
node generate-icons-list.js

# Start local server
python server.py
# OR
npx serve

Open http://localhost:8000 in your browser

🌐 Deploy to GitHub Pages

1. Go to your repo: https://github.com/DevStudio2k25/icon-library
2. Click Settings → Pages
3. Under Source, select Deploy from a branch
4. Select main branch and / (root) folder
5. Click Save
6. Your site will be live at: https://devstudio2k25.github.io/icon-library/

📁 Project Structure

icon-library/
├── icons/              # 3,378+ SVG icon files
├── index.html          # Main HTML file
├── style.css           # Styling
├── script.js           # JavaScript logic
├── icons-data.js       # Auto-generated icon list
├── generate-icons-list.js  # Build script
├── server.py           # Python dev server
└── README.md           # This file

🛠️ Tech Stack

• HTML5
• CSS3 (with CSS Variables)
• Vanilla JavaScript
• SVG Icons

💡 Usage

1. Search: Type in the search box to filter icons
2. Browse: Use pagination to navigate through pages
3. Copy: Click any icon to copy its name to clipboard

🤝 Contributing

Contributions are welcome! Feel free to:

• Add new icons to the icons/ folder
• Improve the UI/UX
• Fix bugs
• Enhance features

📄 License

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

🙏 Credits

Icons sourced from Simple Icons

---

Made with ❤️ by DevStudio2k25