<ul class="cp_list">
<li>css</li>
<li>html</li>
<li>copy</li>
<li>easy</li>
</ul>
ul.cp_list {
padding:0;
list-style-type:none;
}
ul.cp_list li {
position:relative;
padding: 0 0 0 25px;
}
ul.cp_list li::before {
position: absolute;
top: 0;
left: 0;
content: '';
display: block;
width: 20px;
height: 20px;
background: #BA68C8;
border-radius: 2px;
clip-path: polygon(50% 40%, 40% 48%, 75% 85%, 40% 85%, 40% 100%, 100% 100%, 100% 40%, 85% 40%, 85% 75%);
transform: rotate(-45deg);
transform-origin: bottom center;
}