# Center and enlarge ion-icon in ion-col

**URL:** <https://forum.ionicframework.com/t/center-and-enlarge-ion-icon-in-ion-col/184616>\
**Category:** ionic-v3\
**Created:** [March 6, 2020, 9:41am UTC](https://forum.ionicframework.com/t/center-and-enlarge-ion-icon-in-ion-col/184616 "2020-03-06T09:41:29Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![poplan](https://avatars.discourse-cdn.com/v4/letter/p/d78d45/32.png) [@poplan](https://forum.ionicframework.com/u/poplan)\
**Post date:** [March 6, 2020, 9:41am UTC](https://forum.ionicframework.com/t/center-and-enlarge-ion-icon-in-ion-col/184616/1 "2020-03-06T09:41:29Z")

</div>

I get it like this  
 ![Screenshot_2](https://global.discourse-cdn.com/ionicframework/original/3X/d/4/d4592b7e553e361b60189c8c6ae79f0fa24d24d7.png)  
but I want it to be something like this  
 ![Screenshot_1](https://global.discourse-cdn.com/ionicframework/original/3X/a/6/a6d309e865caaaca29cde23f2c4a86f88e5c6aaa.png)

```auto
<ion-card (click)="onReports()">
    <ion-item detail class="ion-no-padding" lines="none">

      <ion-grid fixed>
        <ion-row>
          <ion-col size="5">
            <ion-icon
              name="image-outline"></ion-icon>
          </ion-col>
          <ion-col>
            <ion-card-header>
              <ion-card-title style="color: #6F449B;">
                Отчет 1
              </ion-card-title>
              <ion-card-subtitle>Контроль: н/д</ion-card-subtitle>
            </ion-card-header>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-item>
  </ion-card>

```