Is there a way to add a gradient background to an icon?
I attempted to nest the ion-icon within an ion-chip, like so:
<ion-chip class="my-chip">
<ion-icon name="basket></ion-icon>
</ion-chip
Then, in the .css file:
.my-chip{
color: linear-gradient( 0deg, #color1 0%, #color2 100%) !important;
}
However, this method didn't yield the desired result. Both color one and color two are specified in hexadecimal code.