Resize Ionicon

How do I resize an Ionicon to take up the full size of an ion-thumbnail container?


<ion-thumbnail item-start>
  <ion-icon name="image"></ion-icon>

Screenshot (I drew the red lines…) :

Hi there, remember that IONIC icons are just FONT, so you could do something like:


      Ionic Blank

<ion-content padding>
  <ion-thumbnail item-start>
    <ion-icon name="image" class="larger"></ion-icon>


page-home {
    .larger {
        font-size: 100px;

Hope it helps have a nice day!!


Have to create some SASS logic to keep the font-size responsive, but I guess this IS the only way to go. Thanks!

I’m glad it helped, maybe you could do some logic on your .ts, read more about


Good Luck.