[Icon]: Add CatalogIcon from Layer5 brand page

[dottharun]

Current Behavior

• There is no existing implementation for CatalogIcon from brand page in sistent

Expected Behavior

• Add CatalogIcon into sistent, exported ready to use with color parameters.

---

Contributor Guides and Resources

• 🛠 Meshery Build & Release Strategy
• 📚 Instructions for contributing to documentation
  • Meshery documentation site and source
• 🎨 Wireframes and designs for Sistent site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack

[26vanshika]

Hey I wanna work on this issue but could you specify what type of Catalogicon are you looking for

[dottharun]

@26vanshika Thanks for showing interest in this issue,

• Please confirm that you have your local setup working after reading the README and CONTRIBUTING.md.
• You can also explore issues with the label good first issue (Meshery issues, Sistent issues) when they open up, to get more help.

Feel free to reach out if you need any assistance!

[26vanshika]

Yeah I have set it up and have also explored other issues, if you could just guide me what type of Catalogico are you looking for primarily

[dottharun]

Yes, the brand page mentioned above has the assets you need. For the default fill colors, you can use Keppel and Charcoal as shown in the first example.

[26vanshika]

Okay I will try my best

[26vanshika]

Hey @dottharun, just a doubt the catalog icon should look like just like the one in meshery right?

[dottharun]

@26vanshika Not sure which one you are referring to, but it's in the Catalog section of the brand page. Please use those assets.

• Also, look at the other Icon Components in the codebase to get an idea of the parameters for the SVG.

[dottharun]

Sorry @26vanshika, This issue is blocking other issues in Meshery, please look at other good first issues in Meshery for contributing.