Spinner is not showing in the center of the page

<ion-spinner name=“circles” *ngIf="!listItemsDeatils">

using this css file

ion-spinner * {
stroke: #444;
fill: #222;
align-items: center;
// left: 50%;
justify-content: center;


please suggest to place in middle of the screen

What is this? Did you build a component yourself? Are you using a Ionic Native plugin?

yes…i created spinner and included in the template

Read my post again and understand it.
Also post the code of that spinner.