Custom SVG loader not working in ionic 2

it does cause I have it in two apps.

this.customSpinner = this.sanitizer.bypassSecurityTrustHtml("<div class='customSpinner'>\n\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1200'>\n\
        <defs>\n\
                <mask id='mask'>\n\
                <path fill='#000' d='M570.2 87.3L163.8 322c-15.6 9-25.2 25.6-25.2 43.6v469.3c0 18 9.6 34.6 25.2 43.6l406.4 234.7c15.6 9 34.7 9 50.3 0l406.4-234.7c15.6-9 25.2-25.6 25.2-43.6V365.6c0-18-9.6-34.6-25.2-43.6L620.5 87.3c-15.5-8.9-34.7-8.9-50.3 0z'/>\n\
                <path fill='#000' d='M787.4 474.6V343.5H394.2v505.6h131V661.8h262.2v-131H525.2v-56.2z'/>\n\
                <path fill='#000' d='M581.4 718h206v131.1h-206z'/>\n\
                <circle fill='#fff' cx='0' cy='1450' r='551.3'/>\n\
            </mask>\n\
        </defs>\n\
            <path id='background' mask='url(#mask)' fill='#F16E18' d='M570.2 87.3L163.8 322c-15.6 9-25.2 25.6-25.2 43.6v469.3c0 18 9.6 34.6 25.2 43.6l406.4 234.7c15.6 9 34.7 9 50.3 0l406.4-234.7c15.6-9 25.2-25.6 25.2-43.6V365.6c0-18-9.6-34.6-25.2-43.6L620.5 87.3c-15.5-8.9-34.7-8.9-50.3 0z'/>\n\
            <path class='letter' mask='url(#mask)' fill='#fff' d='M787.4 474.6V343.5H394.2v505.6h131V661.8h262.2v-131H525.2v-56.2z'/>\n\
            <path class='letter' mask='url(#mask)' fill='#fff' d='M581.4 718h206v131.1h-206z'/>\n\
             <path  id='hexagon-2' stroke='transparent' class='st2' d='M570.1 82.5L163.7 317.2c-15.6 9-25.2 25.6-25.2 43.6v469.3c0 18 9.6 34.6 25.2 43.6l406.4 234.7c15.6 9 34.7 9 50.3 0l406.4-234.7c15.6-9 25.2-25.6 25.2-43.6V360.8c0-18-9.6-34.6-25.2-43.6L620.4 82.5c-15.5-8.9-34.7-8.9-50.3 0z'/>\n\
                <path  id='hexagon-1' stroke='transparent' class='st2' d='M570.1 82.5L163.7 317.2c-15.6 9-25.2 25.6-25.2 43.6v469.3c0 18 9.6 34.6 25.2 43.6l406.4 234.7c15.6 9 34.7 9 50.3 0l406.4-234.7c15.6-9 25.2-25.6 25.2-43.6V360.8c0-18-9.6-34.6-25.2-43.6L620.4 82.5c-15.5-8.9-34.7-8.9-50.3 0z'/>\n\
    </svg>\n\
</div>");