Icons are the visual expression of a brand’s products, services, and tools. Simple, bold, and friendly, they communicate the core idea and intent of a product. While each product icon is visually distinct, all product icons for a given brand should be unified through concept and execution.
Use these guidelines as a starting point to ensure that the products icon colors and key elements reflect the brand’s identity.
All icons are drawn with a 2 pixel line thickness and occational small filled shapes. All icons should be in ys-color-grey-28 or ys-color-white (See color definitions) when used on dark backgrounds. Icons should reflect the text colour.
If you are a developer and looking for code examples to implement the SVG icons, please go to Components > Icons & Logo > Icon.