fix: use png for icons

packages/example/src/pages/components/MiniCard.mdx

@@ -25,7 +25,7 @@ The `<MiniCard>` component can be used in place of a `<ResourceCard>` if your co
 
 <MiniCard title="26 characters per MiniCard" href="/demo">
 
-![Github icon](/images/github-icon.jpg)
+![Github icon](/images/github-icon.png)
 
 </MiniCard>
 <MiniCard title="Use the default icon" href="/demo" />
@@ -38,7 +38,7 @@ The `<MiniCard>` component can be used in place of a `<ResourceCard>` if your co
 
 <MiniCard title="Or bring your own" href="/demo">
 
-![Github icon](/images/sketch-icon.jpg)
+![Github icon](/images/sketch-icon.png)
 
 </MiniCard>
 
@@ -58,7 +58,7 @@ When you have the mini resource card sitting aside the main content, be sure to
   href="https://github.com/IBM/carbon-elements/blob/master/.github/CONTRIBUTING.md"
   >
 
-![Sketch icon](/images/sketch-icon.jpg)
+![Sketch icon](/images/sketch-icon.png)
 
 </MiniCard>
 </Row>
@@ -70,7 +70,7 @@ When you have the mini resource card sitting aside the main content, be sure to
 ```jsx path=components/MiniCard/MiniCard.js src=https://github.com/carbon-design-system/gatsby-theme-carbon/tree/master/packages/gatsby-theme-carbon/src/components/MiniCard
 <CardGroup>
   <MiniCard title="26 characters per MiniCard" href="/demo">
-    ![Github icon](/images/github-icon.jpg)
+    ![Github icon](/images/github-icon.png)
   </MiniCard>
   <MiniCard title="Use the default icon" href="/demo" />
 
@@ -81,7 +81,7 @@ When you have the mini resource card sitting aside the main content, be sure to
   />
 
   <MiniCard title="Or bring your own" href="/demo">
-    ![Github icon](/images/sketch-icon.jpg)
+    ![Github icon](/images/sketch-icon.png)
   </MiniCard>
 </CardGroup>
 ```
@@ -101,7 +101,7 @@ When you have the mini resource card sitting aside the main content, be sure to
   href="https://github.com/IBM/carbon-elements/blob/master/.github/CONTRIBUTING.md"
   >
 
-![Sketch icon](/images/sketch-icon.jpg)
+![Sketch icon](/images/sketch-icon.png)
 
 </MiniCard>
 </Row>

packages/example/src/pages/components/ResourceCard.mdx

@@ -33,7 +33,7 @@ The `<ResourceCard>` component should be wrapped with a `<Column>` inside of `<R
       href="https://github.com/IBM/carbon-elements/blob/master/.github/CONTRIBUTING.md"
       >
 
-![Github icon](/images/github-icon.jpg)
+![Github icon](/images/github-icon.png)
 
   </ResourceCard>
 </Column>
@@ -47,7 +47,7 @@ The `<ResourceCard>` component should be wrapped with a `<Column>` inside of `<R
       href="https://github.com/IBM/carbon-elements/blob/master/.github/CONTRIBUTING.md"
       >
 
-![Sketch icon](/images/sketch-icon.jpg)
+![Sketch icon](/images/sketch-icon.png)
 
   </ResourceCard>
 </Column>
@@ -59,7 +59,7 @@ The `<ResourceCard>` component should be wrapped with a `<Column>` inside of `<R
       href="https://github.com/IBM/carbon-elements/blob/master/.github/CONTRIBUTING.md"
       >
 
-![Sketch icon](/images/sketch-icon.jpg)
+![Sketch icon](/images/sketch-icon.png)
 
   </ResourceCard>
 </Column>
@@ -76,15 +76,15 @@ The `<ResourceCard>` component should be wrapped with a `<Column>` inside of `<R
       subTitle="Carbon Design System"
       href="https://www.carbondesignsystem.com"
     >
-      ![Github icon](/images/github-icon.jpg)
+      ![Github icon](/images/github-icon.png)
     </ResourceCard>
   </Column>
   <Column colMd={4} colLg={4} noGutterSm>
     <ResourceCard
       subTitle="Carbon Design System"
       href="https://www.carbondesignsystem.com"
     >
-      ![Github icon](/images/github-icon.jpg)
+      ![Github icon](/images/github-icon.png)
     </ResourceCard>
   </Column>
 </Row>
@@ -101,7 +101,7 @@ The `<ResourceCard>` component should be wrapped with a `<Column>` inside of `<R
     actionIcon="arrowRight"
     href="https://github.com/IBM/carbon-elements/blob/master/.github/CONTRIBUTING.md"
   >
-    ![Github icon](/images/github-icon.jpg)
+    ![Github icon](/images/github-icon.png)
   </ResourceCard>
 </Column>
 ```
@@ -116,7 +116,7 @@ The `<ResourceCard>` component should be wrapped with a `<Column>` inside of `<R
     aspectRatio="2:1"
     href="https://github.com/IBM/carbon-elements/blob/master/.github/CONTRIBUTING.md"
   >
-    ![Github icon](/images/github-icon.jpg)
+    ![Github icon](/images/github-icon.png)
   </ResourceCard>
 </Column>
 ```
@@ -133,7 +133,7 @@ The `<ResourceCard>` component should be wrapped with a `<Column>` inside of `<R
     actionIcon="email"
     href="https://github.com/IBM/carbon-elements/blob/master/.github/CONTRIBUTING.md"
   >
-    ![Sketch icon](/images/sketch-icon.jpg)
+    ![Sketch icon](/images/sketch-icon.png)
   </ResourceCard>
 </Column>
 ```