| 1. | Icon with no shape | Icon with no background should be visible | Icon with and no background should os visible |
| 2. | Icon with box shape | Icon with box shaped background should be visible | Icon with box shaped background should os visible |
| 3. | Icon with circle shape | Icon with circle shaped background should be visible | Icon with circle shaped background should os visible |
| 4. | Icon in dark shade | Icon should be visible in black color and light background | Icon is visible in black color and light background |
| 5. | Icon in light shade | Icon should be visible in white color and dark background | Icon is visible in white color and dark background |
| 6. | Icon with tooltip and hover color | Icon should be visible and on hover of it tooltip and secondary background should come | Icon is visible and on hover of it tooltip and secondary background should come |
| 7. | Icon with custom tooltip | Icon should be visible and on hover of it custom tooltip should come in given direction | Icon is visible and on hover of it custom tooltip appears in given direction |
| 8. | Icon with label | Icon should be visible and label should appear in given position | Icon is visible and label appears in given position |
| 9. | Disabled icon | Icon should be disabled. Click should not happen. | Icon is disabled. Click is not happening. |
| 10. | Active icon | Icon should appear in active style given. | Icon appears in given active style. |
| 11. | Icon with subscript | Subscript should appear with icon. | Subscript appears with icon. |
| 12. | Icon with superscript | Superscript should appear with icon. | Superscript appears with icon. |