docs:update iconograpy images

site/docs/foundations/iconography.mdx

@@ -22,6 +22,11 @@ Solid icons are faster to recognise than outline icons due to less visual noise,
 
 Outline icons have a lower emphasis on non-imperative items and are more recognisable when they have wider inner spacing. They’re also better to use when you need to make subtle design cues more noticeable. 
 
+<Image
+  src="/img/foundations/iconography-icon-variants.png"
+  alt="Example of solid and outline icons"
+/>
+
 ## All icons
 
 <IconPreview />
@@ -51,6 +56,11 @@ Icon size will vary based on use case and system requirements. Standard sizing e
 
 Country symbols can be considered icons that are visually representative of a country or inter-governmental organisation. All flags are available in both circle and rectangle shapes.
 
+<Image
+  src="/img/foundations/iconography-countrysymbols-variant.png"
+  alt="Example of circular flag next to rectangular flag"
+/>
+
 ## All country symbols 
 
 <AllCountrySymbols/>