Implement Consistent Icon Usage Across Talawa-admin and Talawa-user

[chandel-aman]

Is your feature request related to a problem? Please describe.
The current use of icons in the Talawa-admin and Talawa-user applications is inconsistent, which can make the design less intuitive and cohesive for users. The large number of icons used in both portals adds to this problem.

Describe the solution you'd like
The goal is to use a single icon library or a custom pack of similar icons to maintain consistency throughout the Talawa project. This will involve:

1. Identifying a suitable icon library (free to use) that can be used across both Talawa-admin and Talawa-user.
2. Creating a custom wrapper for the icons to allow for customization (e.g., changing colors, backgrounds, and sizes) where needed.

Describe alternatives you've considered
The alternative would be to continue using the current mix of icons, which would result in an inconsistent user experience. Another option could be to create a custom icon set from scratch, but this would require more time and effort to develop and maintain.

Approach to be followed (optional)

1. Evaluate and select a suitable icon library that can be used across both Talawa-admin and Talawa-user.
2. Create a custom wrapper component for the icons to allow for easy customization.
3. Systematically replace the existing icons in both applications with the new consistent icons.
4. Ensure that the new icon set is visually appealing and conveys the correct meaning for each use case.

Additional context

We already have MUI icons library installed.

Potential internship candidates
Please read this if you are planning to apply for a Palisadoes Foundation internship PalisadoesFoundation/talawa#359

[AmitSharma512]

@palisadoes can I work on this ?

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[palisadoes]

Unassigning. inactivity

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[Ratul-Saha-003]

I would like to work on this issue.

[Ratul-Saha-003]

What would be the preferred approach to solve this issue?

• Use a defined set of already available icons. In that case, is there a suggestion on which library to use?
• To create a set using Figma which would be time taking and would take a lot of effort.

[palisadoes]

What are we using now?

[Ratul-Saha-003]

It seems like we are using MUI icons.

[palisadoes]

Continue using those

[Ratul-Saha-003]

Could I get clarity on which icons to use and which to replace?

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[Cioppolo14]

@Ratul-Saha-003 Are you still working on this?

[Ratul-Saha-003]

Unassigning myself as I have some commitments to take care of.

[AnshulKahar2729]

@palisadoes I would like to work on this

[AnshulKahar2729]

@palisadoes I would like to work on this

Unassign me this... I am busy with some different pending issues, need to work on them.

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[shreyansh232]

@palisadoes I'd like to work on this.