<div class="spinner">
    <div class="main-dot">
        <svg width="50" height="50">
            <g id="cube">
                <polygon fill="#C2C2C2" points="46.612,12.522 25,0.044 3.388,12.522 25,25"/>
                <polygon fill="#B5B5B5" points="46.612,37.478 46.612,12.522 25,25 25,49.956"/>
                <polygon fill="#ADADAD" points="25,49.956 25,25 3.388,12.522 3.388,37.478"/>
            </g>
        </svg>
    </div>
    <div class="small-dot 1"></div>
    <div class="small-dot 2"></div>
    <div class="small-dot 3"></div>
    <div class="small-dot 4"></div>
</div>