/Remixicon_Picker

Remixicon Picker is a simple and user-friendly web component that allows users to easily browse and select icons from the Remix Icon library. This picker provides a searchable interface to quickly find icons and display them in your projects. 🌟

Primary LanguageHTML

Remixicon Picker 🎨

Overview

Remixicon Picker is a simple and user-friendly web component that allows users to easily browse and select icons from the Remix Icon library. This picker provides a searchable interface to quickly find icons and display them in your projects. 🌟

image

Features

  • Searchable Icon List 🔍: Quickly find icons by typing in the search bar.
  • Icon Preview 👀: Select an icon to see a preview in the input field.
  • Responsive Design 📱: Works seamlessly on various screen sizes.

Getting Started 🚀

Prerequisites

  • Basic knowledge of HTML, CSS, and JavaScript.
  • A web browser to view the component.

Installation

  1. Clone the repository:

    git clone https://github.com/fastuptime/Remixicon_Picker.git
    cd Remixicon_Picker
  2. Open index.html in your web browser. 🌐

Usage

  1. Click on the input field to open the icon picker. 🖱️
  2. Use the search bar to filter icons. 🔎
  3. Click on an icon to select it, which will then display a preview. ✨

Customization 🎨

You can easily customize the styles and behavior by editing the CSS and JavaScript in the index.html file.

Dependencies

  • Remix Icon - An open-source icon library used in this picker. 🖼️

Contributing 🤝

Feel free to submit issues or pull requests. Contributions are welcome! 🌈

License 📜

This project is licensed under the MIT License.

Acknowledgments 🙌

  • Thanks to Remix Icon for the icon library.
  • Inspired by various icon pickers available in the community.

Contact 📬

For any questions or feedback, feel free to reach out through the GitHub repository.