Diamon with line

by Florin Pop

HTML

<div class="eye">
    <div class="line"></div>
</div>

CSS

.eye {
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-bottom-color: #bada55;
    position: relative;
    top: -50px;
}
.eye:after {
    content:'';
    position: absolute;
    left: -50px;
    top: 50px;
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-top-color: #da55ba;
}
.line {
    width: 100px;
    height: 2px;
    background-color: blue;
    position:absolute;
    top: 49px;
    left:-50px;
    z-index:2;
    border-radius:50%;
}