Codicon

Create your own icon using simple HTML and CSS. Codicon converts your code to a set of image files for your web and mobile applications

HTML
<div class="ctr">
<div class="wrp">
<div class="spc"></div>
<div class="cen"></div>
</div>
</div>
CSS
.ctr {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: #1aac83;
}
.wrp {
position: relative;
display: flex;
justify-content: flex-end;
width: 255px;
height: 255px;
border-radius: 50%;
background: black;
transform: rotate(45deg)
}
.cen {
position: absolute;
width: 140px;
height: 140px;
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
background: white;
background: #1aac83;
}
.spc {
width: 120px;
height: 120px;
border-top-right-radius: 100%;
background: #1aac83;
}