How to overlap an icon on another icon in a button

ionic-v1
1

I have a button with an icon, say ion-ios7-person.
Now I want to have an checkmark icon overlayed on it to indicate a new state.
How can I do it with CSS?

2

You mean something like this?

1 Like
3

Nice trick.
But does it also work with buttons?
I cannot get it work…

4

Got this to work using the solution below:

<IonButton
	className="grid-button"
	fill="clear"
	slot="icon-only"
>
	<IonIcon
		style={{
			position: "fixed",
		}}
		slot="icon-only"
		icon={albumsOutline}
	/>
	<IonIcon
		style={{
		        position: "fixed",
			top: "7px",
			right: "4px",
			fontSize: "1.2em"
		}}
		slot="icon-only"
		icon={pencilOutline}
	/>
</IonButton>