Path 1: Creating your own icon

1. Create New Icon:
   Design your icon using the guidelines provided in the MDS documentation.
   Ensure the icon adheres to the visual language and style guide.
   Keep the icon as strokes (don’t flatten) in case any adjustments need to be made.
2. Contribution Submission:
   Use the contribution workflow pinned to the top of #rnd-designsystem-support to inform us about your contribution. To help with the review, provide a brief description and use case for the icon.
3. Review Process:
   We will create a branch in the Visual Assets Library Figma file where you can paste your icon. The Design System and Solutions teams will review the submission.
   Request for changes or approval will be communicated within 2 days.
4. Icon implementation in Figma and code:
   The Design System team will publish the new icon in Figma upon approval.
   A ticket to add icons to the code will be created in the Design System Backlog but can also be picked up by the contributing team.
5. Communication:
   The Design System team will inform you when the icon is published in Figma and share a link to the ticket so you can track when it is added to the code.

---

Path 2: Assistance in icon creation

1. Unsure How to Create an Icon?
   Reach out to the Solutions team for guidance in the #prod-dsg-solutions Slack channel.
   Training sessions or resources can be provided to assist in learning how to design icons.
2. Collaborative Creation:
   Work with the Solutions team or fellow designers to craft the desired icon.
   Follow the same contribution process outlined in Path 1 once the icon is created.

---

Path 3: Requesting an icon

1. Requesting Icon from Solutions team
   Create a request using the Request form pinned on top of the #prod-dsg-solutions Slack channel.
   Fill in the required details about the icon's purpose, context, and any specific design elements or references.
2. Processing Timeframe:
   Note that this pathway may take longer due to the request landing in the Solutions team's backlog.
3. Creation and Review:
   The Solutions team will design the requested icon according to the provided details and Design System guidelines.
   An internal review will ensure the icon meets quality and consistency standards.
4. Icon implementation in Figma and code
   The Design System team will move the icon to its corresponding group in the library and publish the new icon.
   A ticket to add icons to the code will be created in the Design System Backlog.
5. Communication:
   The Design System team will inform you when the icon is published in Figma and share a link to the ticket so you can track when it is added to the code.

---

General notes:

• Requesters should provide comprehensive details about the icon's purpose and context
• Expect longer turnaround times for icons requested through the Request pathway due to backlog and existing tasks of the Solutions team.

 

Following these guidelines will help streamline the process for requesting new icons, ensuring that they align with the design system's standards and are seamlessly integrated into the system.