docs(icons): Make icons readme table using md format not html

packages/zeta_icons/README.md

@@ -14,27 +14,9 @@ Icon(ZetaIcons.alarm)
 
 Each icon has a sharp and round variant; by default, round icons are used. To specify which icon to use, append `_round` or `_sharp` to your icon name:
 
-<table>
-<tr>
-<td>
-<code>
-Icon(ZetaIcons.alarm_round)
-<code>
-</td>
-<td>
-<img style='width: 24px; height: 24px;' src='https://raw.githubusercontent.com/ZebraDevs/zeta-icons/main/outputs/png/alarm_round.png'/>
-</td>
-</tr>
-<tr>
-<td>
-<code>
-Icon(ZetaIcons.alarm_sharp)
-<code>
-</td>
-<td>
-<img style='width: 24px; height: 24px;' src='https://raw.githubusercontent.com/ZebraDevs/zeta-icons/main/outputs/png/alarm_sharp.png'/>
-</td>
-</tr>
-</table>
+| Icon Code                     | Preview                                                                                                                                          |
+| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `Icon(ZetaIcons.alarm_round)` | <img src="https://raw.githubusercontent.com/ZebraDevs/zeta-icons/main/outputs/png/alarm_round.png" alt="alarm_round" width="20px" height="20px"> |
+| `Icon(ZetaIcons.alarm_sharp)` | <img src="https://raw.githubusercontent.com/ZebraDevs/zeta-icons/main/outputs/png/alarm_sharp.png" alt="alarm_sharp" width="20px" height="20px"> |
 
 ### To see all icons, visit [Zeta Icons](https://design.zebra.com/icons)