How to replace dots in a list with a font icon?

Question

css

How to make a bulleted list have a FontAwesome font icon instead of dots?

Answer 1

htmlbook.ru/css/list-style-image

Answer 2

ul {
  list-style: none;

  li {
    &:before {
      content: "ǘ"
      font-family: "FontIcon";
      font-size: 20px;
      position: absolute;
      top: 50%;
      transform: translate(-150%, -50%);
    }
  }
}

Answer 3

li:before {    
font-family: 'FontAwesome';
content: '\f12a';
margin:0 5px 0 -15px;
    color: #7ebf52;
}