chore(docs): updated snippet

packages/web-components/src/components/card/__stories__/README.stories.mdx

@@ -45,6 +45,42 @@ import '@carbon/ibmdotcom-web-components/es/components/card/card.js';
 </dds-card>
 ```
 
+## Card with pictogram
+```html
+  <dds-card
+      color-scheme=${inverse ? 'inverse' : ''}
+      pictogram-placement="${pictogramPlacement}"
+      href="https://example.com"
+    >
+      <span slot="eyebrow">Eyebrow text</span>
+      <span slot="heading">Lorem ipsum dolor</span>
+      <p>Copy to be shown on hover if the pictogram placement is bottom</p>
+      <svg
+        slot="pictogram"
+        focusable="false"
+        preserveAspectRatio="xMidYMid meet"
+        xmlns="http://www.w3.org/2000/svg"
+        stroke="currentColor"
+        data-autoid="dds--card__pictogram"
+        aria-label="Pictogram description"
+        width="48"
+        height="48"
+        viewBox="0 0 48 48"
+        role="img"
+        class="bx--card__pictogram"
+      >
+        <path
+          fill="none"
+          stroke-linejoin="round"
+          stroke-miterlimit="10"
+          stroke-width=".72"
+          d="M37,32 H11c-1.1,0-2-0.9-2-2V13c0-1.1,0.9-2,2-2h26c1.1,
+        0,2,0.9,2,2v17C39,31.1,38.1,32,37,32z M17,37h14 M24,32v5 M9,27h30"
+        ></path>
+      </svg>
+    </dds-card>
+```
+
 ## Props
 
 <Props of="dds-card" />