Icon Picker Component

This project is a React component for an icon picker, allowing users to select icons from the Feather Icons library. The selected icon is displayed in a designated area, and the icon picker supports pagination if there are more icons than can fit on a single page.

Features

• Displays Feather Icons in a grid.
• Customizable rows and columns per page.
• Supports pagination for large icon sets.
• Displays selected icon in a 100x100 div.
• Customizable icon and picker dimensions.

Installation

1. Clone the repository:

   git clone https://github.com/chiragyadav2003/Icon-Picker.git

2. Navigate to the project directory:

   cd Icon-Picker

3. Install the dependencies:

     yarn install

Usage

1. Start the development server:

    yarn dev

2. Open your browser and navigate to http://localhost:5173 to see the component in action.

Project Structure

• src/IconPicker.jsx: Main IconPicker component.
• src/IconPicker.css: Styles for the IconPicker component.
• src/App.jsx: Example usage of the IconPicker component.
• src/index.jsx: Entry point for the React application.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

• Feather Icons for providing the icon set.
• React for the JavaScript library.

Contact

If you have any questions or suggestions, feel free to reach out to Chirag Yadav