JSFiddle - React, Tailwind, and code Playground

HTML

<div class="icon"></div>

CSS

.icon {
    position: relative;
    width: 160px;
    height: 160px;
    background-color: #666;
    background-image: linear-gradient(to bottom, 
                      #fff 0px, #fff 40px,
                      rgba(0,0,0,0) 40px, rgba(0,0,0,0) 60px,
                      #00b9ae 60px, #00b9ae 80px,
                      rgba(0,0,0,0) 80px, rgba(0,0,0,0) 100px,
                      #000 100px, #000 120px);
    background-size: 120px 120px;
    background-position: 20px 20px;
    background-repeat: no-repeat;
}