Ion-chip with icon only

Ionic Framework
1

How can I create an ion-chip with an icon only.
I.e.: No ion-label and still make it look circular?

If I leave the label empty not have one and only use an icon, I get unexpected paddings/margins making the chip/icon look un-centered:
image
image
image

I want something that looks more like this:
image
(example taken from google)

Ideally there would be an option to set: slot="icon-only" to stick to the same api that I am already used to for ion-buttons. :wink:

Any ideas?

2

That looks more like a ion-fab than chip

1 Like
3

For the Icons use the “Outline” instead of “Sharp” for the shape you will need to style them manually to get rid of that extra margin and padding…