avinal.github.io/static/logo-loading.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65" height="60"

shape-rendering="crispEdges"><style type="text/css">
.color {
    -webkit-animation: col 300s linear infinite;
    -moz-animation: col 300s linear infinite;
    -o-animation: col 300s linear infinite;
    animation: col 300s linear infinite;
}

@keyframes col {
    0% {
        fill: #EE67A4;
    }

    12.5% {
        fill: violet;
    }

    25% {
        fill: indigo;
    }

    37.5% {
        fill: blue;
    }

    50% {
        fill: #35BEB8
    }

    62.5% {
        fill: green;

    }

    75% {
        fill: yellow;

    }

    87.5% {
        fill: orange;

    }

    100% {
        fill: red;
    }
}

.rcolor {
    -webkit-animation: rcol 300s linear infinite;
    -moz-animation: rcol 300s linear infinite;
    -o-animation: rcol 300s linear infinite;
    animation: rcol 300s linear infinite;
}

@keyframes rcol {
    0% {
        fill: #35BEB8;
    }

    12.5% {
        fill: blue;
    }

    25% {
        fill: indigo;
    }

    37.5% {
        fill: violet;
    }

    50% {
        fill: #EE67A4;
    }

    62.5% {
        fill: red;
    }

    75% {
        fill: orange;
    }

    87.5% {
        fill: yellow;
    }

    100% {
        fill: green;
    }
}
</style><symbol id="logo" viewBox="0 -60 65 60"><path class="st0 color" d="M60-60H0V0h60z" /><path class="st1" d="M60-41h-5v10h5z" /><path class="st2 rcolor" d="M65-41h-5v10h5z" /></symbol><use xlink:href="#logo" width="65" height="60" id="XMLID_14_" y="-60" transform="scale(1 -1)" overflow="visible" /></svg>