icon.html

<style>
    span {
        -webkit-border-radius: 100px;
        display: inline-block;
        /*        padding: 20px;*/
        width: 100px;
        height: 100px;
        margin: 5px;
    }

    span:nth-child(4) {
        display: none;
    }

    span:nth-child(5) {
        display: none;
    }

    .row1 span {
        background: CornflowerBlue;
        background: Orange;
    }

    .row2 span {
        background: Crimson;
        background: RoyalBlue;
        background: #333;
    }
    /*
    .row3 span {
        background: #00a;
    }
*/
    /*
    .row4 span {
        background: #0a0;
    }
*/

    .row5 span {
        background: ForestGreen;
        background: RoyalBlue;
    }
</style>

<div class='row1'>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>
<div class='row2'>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>
<!--
<div class='row3'>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>-->
<!--
<div class='row4'>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>-->
<div class='row5'>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>