Update designing-a-web-part-icon.md

Author: ajford76

docs/design/designing-a-web-part-icon.md

@@ -8,44 +8,44 @@ ms.date: 08/24/2018
 
 Web Part icons are designed to be simple, representative, and symbolic. Every icon is reduced to a minimalistic style to represent the essential attribute. Icons will display in the toolbox within SharePoint pages and optionally in the store.
 
-![TBD](../images/TBD.png)
+![Icon examples](../images/01_Icons_examples.png)
 
 ## Grid keyline shapes
 
 Web parts cons are displayed at 32 x 32 px. Create icons at 100% to ensure pixels are accurate. 
 
-![TBD](../images/TBD.png)
+![Web part icon grid](../images/02_Icons_sizes.png)
 
 ## Layout
 
-Icons should be designed inside of the 64 x 64 pixelcontainer area, to insure that the icons renders correctly.
+Icons should be designed inside of the 64 x 64 pixel container area, to insure that the icons renders correctly.
 
-![TBD](../images/Layout@2x.png)
+![Example grid for web part icons at 64px](../images/03_Icons_Layout.png)
 
 ## Shapes
 
 Not all icons or logos are designed in a perfect square. Use this guide of basic shapes to understand how to unify different icon shapes within the grid and appear at a proportional size.
 
-![TBD](../images/TBD.png)
+![Example of aligning icons that are differnt shapes within the grid](../images/04_Icons_shapes.png)
 
 
 ## Pixel clarity
 
 Try to avoid any icon distortion by snapping your edges to the X and Y coordinates. Use whole numbers when possible. 
 
-![TBD](../images/TBD.png)
+![Example of an icon that is not aligned to the pixel and one that is](../images/05_Icons_pixel_clarity.png)
 
-## Content Area 
+## Colors and backgrounds
 
 The icon is the visual expression of your web part and its function. They can help communicate the core idea of your web part simply and boldly.
 
 Web part icons can contain one color or full color. Most icons work best when using extremely simplified shapes, thin two-pixel lines similar to the Office UI Fabric icons. In some cases there may be a need to use a company brand icon or logo mark in full color. If there is a one color version of the icon available consider using this version first.
 
-![TBD](../images/TBD.png)
+![One color, two color and full color icon examples](../images/06_Icons_colors.png)
 
 ## Exporting your icons
 
-Icons should be exported as SVGs. If they are one color cions they should be exported leveraging SVG extensions so they are theme dependent.  Icon dimensions are 64x64 px and should all have transparent backgrounds, also to ensure they are theme dependent. 
+Icons should be exported as SVGs at 64x64 px and should all have transparent backgrounds.
 
-![TBD](../images/TBD.png)
+You can find the icon grid in the [SharePoint Design toolkit](https://developer.microsoft.com/en-us/fabric#/resources).