https://github.com/ui5-community/ui5-icon-explorer

A powerful and modern icon explorer for SAPUI5 applications that uses the ui5-fontawesome-lib the extend the built-in icons with Font Awesome with an look and feel of the standard Icon Explorer app
https://github.com/ui5-community/ui5-icon-explorer

font-awesome ui5

Last synced: 8 months ago
JSON representation

A powerful and modern icon explorer for SAPUI5 applications that uses the ui5-fontawesome-lib the extend the built-in icons with Font Awesome with an look and feel of the standard Icon Explorer app

• Host: GitHub
• URL: https://github.com/ui5-community/ui5-icon-explorer
• Owner: ui5-community
• License: apache-2.0
• Created: 2025-08-03T13:06:53.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-08-26T16:43:26.000Z (9 months ago)
• Last Synced: 2025-09-29T15:51:45.444Z (8 months ago)
• Topics: font-awesome, ui5
• Language: TypeScript
• Homepage: https://ie.kernich.de
• Size: 672 KB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🎨 UI5 Icon Explorer

[![Build app](https://github.com/ui5-community/ui5-icon-explorer/workflows/Build%20app/badge.svg)](https://github.com/ui5-community/ui5-icon-explorer/actions?query=workflow%3A%22Build+app%22)

[![ESLint check](https://github.com/ui5-community/ui5-icon-explorer/workflows/ESLint%20check/badge.svg)](https://github.com/ui5-community/ui5-icon-explorer/actions?query=workflow%3A%22ESLint+check%22)

[![TypeScript check](https://github.com/ui5-community/ui5-icon-explorer/workflows/TypeScript%20check/badge.svg)](https://github.com/ui5-community/ui5-icon-explorer/actions?query=workflow%3A%22TypeScript+check%22)

[![UI5 Lint](https://github.com/ui5-community/ui5-icon-explorer/workflows/UI5%20Lint%20check/badge.svg)](https://github.com/ui5-community/ui5-icon-explorer/actions?query=workflow%3A%22UI5+Lint%22)

[![Font Awesome](https://img.shields.io/badge/FontAwesome-7.0.0-blue.svg)](https://fontawesome.com/)

[![License: Apache 2.0](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)

[![UI5](https://img.shields.io/badge/UI5-Latest-orange.svg)](https://sapui5.hana.ondemand.com/)

> A powerful and modern icon explorer for SAPUI5 applications that uses the [ui5-fontawesome-lib](https://github.com/ui5-community/ui5-fontawesome-lib) the extend the built-in icons with Font Awesome with an look and feel of the standard app https://sapui5.hana.ondemand.com/sdk/iconExplorer.html.

## ✨ Features

- 🔍 **Smart Search** - Find icons by name with instant results

- 📋 **One-Click Copy** - Copy icon codes directly to clipboard

- ⭐ **Favorites System** - Mark and organize your favorite icons

- 🎨 **Theme Switching** - Toggle between light, dark and contrast themes

- 📚 **Collection Filtering** - Filter by specific icon collections

- 🔍 **Detailed View** - Comprehensive icon information and usage examples

## 🚀 Live Demo

**[Try it online →](https://ui5-community.github.io/ui5-icon-explorer/)**

![Screenshot](./screenshot.png)

### Available Scripts

| Command              | Description                                                    |

| -------------------- | -------------------------------------------------------------- |

| `npm start`          | Start development server  |

| `npm run build`      | Build the app for production                               |

| `npm run check:ts`   | TypeScript type checking                                       |

| `npm run check:lint` | ESLint code quality check                                      |

| `npm run check:ui5`  | ui5lint check                                                  |

| `npm run check:all`  | Run all code quality checks                                    |

| `npm run fix:lint`   | Automatically fix lint issues if possible                      |

## 🤝 Contributing

We welcome contributions! Please feel free to submit issues and pull requests.

### Development Workflow

1. Fork the repository

2. Create a feature branch (`git checkout -b feature/amazing-feature`)

3. Commit your changes (`git commit -m 'Add amazing feature'`)

4. Push to the branch (`git push origin feature/amazing-feature`)

5. Open a Pull Request

## 📄 License

This project is licensed under the Apache License 2.0 - see the [LICENSE](LICENSE) file for details.

## ⭐ Support

If you find this library helpful, please consider giving it a star on GitHub! ⭐

---

**Made with ❤️ for the SAP UI5 community**