How to center ionic spinner using css

i want to position spinner center, vertically and horizontally but i am not able to get it uniformly centered across all devices using using css , currently i am using following css , is there any better way to do this

.spinner svg {
position: absolute;
width: 19% !important;
height: 85px !important;
left  : 40%;


Here is the example where spinner is centered in ion-content:

   div.spinner {
        text-align: center;
        stroke: green ;
        fill:  green ;
.spinner svg {
        width: 150px;
        height: 150px;

<div class="spin">
    <ion-spinner color="primary" text-center name="crescent"></ion-spinner>