UNPKG

uihub-icons

Version:

A library of beautifully crafted react icons, perfect for enhancing the visual appeal and user experience of your web applications.

104 lines (66 loc) โ€ข 2.7 kB
# UIHub Icons UIHub Icons is a modern, lightweight, and developer-friendly React icon library designed to elevate your applicationโ€™s user interface with a wide range of beautifully crafted icons. --- ![image](https://bff861ik7d.ufs.sh/f/qPlpyBmwd8UN0wIAGTHjiT1qY2szFub9aEHfI6BdlnMVcQGe) *A glimpse of the sleek icons offered by UIHub Icons.* ## ๐Ÿš€ Features - **Easy to Use**: Seamlessly integrate into any React project with minimal setup. - **Customizable**: Easily style icons with size, color, and additional props. - **Lightweight**: Optimized for fast load times without bloating your application. - **Extensive Collection**: A wide variety of icons for all your design needs. - **TypeScript Support**: Built-in TypeScript types for a better developer experience. --- ## ๐Ÿ“ฆ Installation Install UIHub Icons via npm or yarn: ```bash # Using npm npm install uihub-icons # Using yarn yarn add uihub-icons # Using pnpm pnpm add uihub-icons ``` --- ## ๐Ÿ’ป Usage Start using the library in your React application: ### Basic Usage ```tsx import { IconBag } from "uihub-icons"; const App = () => { return <IconBag size="24" color="blue" />; }; ``` ### Customizing Icons You can customize the icons using props: - **size**: Adjust the size of the icon (e.g., `24px`, `1.5rem`). - **color**: Set the color of the icon using CSS-compatible color values. ```tsx import { IconUser } from "uihub-icons"; const App = () => { return <IconUser size="32" color="#FF5733" />; }; ``` --- ## ๐ŸŒŸ Why Choose UIHub Icons? - **Designed for Developers**: Simple API and full customization options. - **Built for React**: Fully compatible with React applications. - **Consistent Design**: Icons designed with a unified style for a polished UI. --- ## ๐ŸŒ Explore Icons Check out the full library of icons at [UIHub Icons Website](https://uihub.designbyte.shop/icons). --- ## ๐Ÿค Contributing Contributions are welcome! If youโ€™d like to suggest a new icon or enhance existing features, feel free to open a pull request or file an issue in our [GitHub repository](https://github.com/designbyte-official/uihub-icons.git). --- ## ๐Ÿ› ๏ธ Support If you encounter any issues or have questions, feel free to reach out. You can also support us by visiting our affiliated platforms: - [DesignByte](https://designbyte.shop) - [UIhub](https://uihub.designbyte.shop) --- ## ๐Ÿ“„ License UIHub Icons is licensed under the [MIT License](https://github.com/designbyte-official/uihub-icons/blob/master/LICENSE). --- ## ๐Ÿ™Œ Author Created and maintained by the team at [UIHub](https://uihub.com). Weโ€™re dedicated to providing the best developer tools and UI libraries.