diff --git a/docs/Foundations/Icons.mdx b/docs/Foundations/Icons.mdx index 2172b7dcc..4410381f1 100644 --- a/docs/Foundations/Icons.mdx +++ b/docs/Foundations/Icons.mdx @@ -1,6 +1,6 @@ ## Icons ### Table of Contents -1. [Introduction](#introduction) +1. [Overview](#overview) 2. [Naming Principles](#naming-principles) 3. [Adding and Updating Icons](#adding-and-updating-icons) 4. [The `IconTable` Component](#the-icontable-component) @@ -12,7 +12,7 @@ --- -### Introduction +### Overview mParticle icon library is mP icons, a carefully curated collection based on [FontAwesome](https://fontawesome.com/search?o=r&s=light). Our design team has selected icons specifically for mParticle use cases, defined the semantic layer, and applied customizations as needed. @@ -37,7 +37,7 @@ Names should be semantic, describing the pattern rather than the shape. For inst The Design team provides SVG files with the final icon names. These SVG files must be minified and follow the project's styling guidelines. You can prettify them using the SVGPrettifier tool, which ensures the correct size and properties are applied to the SVG. -#### Steps to Add a New Icon: +### Steps to Add a New Icon: 1. **Prettify the SVG**: Use the SVGPrettifier Story to clean up the SVG file and ensure it meets the necessary formatting standards (size, properties, etc.).