<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 20px;
}
ul.cp_list li::before,
ul.cp_list li::after {
  position: absolute;
  top: 5px;
  left: 0;
  content: '';
  width: 14px;
  height: 14px;
}
ul.cp_list li::before {
  background: #EC407A;
  clip-path: circle(50% at 50% 50%);
}
ul.cp_list li::after {
  left: -1px;
  background: #ffffff;
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 70%, 70% 70%, 70% 0);
  transform:  rotate(-45deg) scale(0.5);
}