Đổi icon trước thẻ tag <li> của <ul thành đấu check v xanh CSS HTML như thế nào?

Cái này a có cho em 1 lần rồi mà, chỉ là nó là cái icon trái tím ấy nhớ không? Để a cho em code icon trước thẻ li là check xanh nhé.

Add code sau vào em nhé, nó sẽ ra y chang cái em cần

HTML:

ul
{
  list-style: none;
}
ul li
{
  position: relative;
  list-style: none;
}
ul li::before {
  content: '';
  display: block;
  width: 9px;
  height: 14px;
  top: 4px;
  left: -22px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 3px solid #4ba0d8;
  border-bottom: 3px solid #4ba0d8;
  position: absolute;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

 

Ngon quá anh ơi, đúng y chang cái em cần, mà tìm trên Google mãi không có ai chỉ hết hizzz, cảm ơn ad rất nhiều.