Użyj list-style-image
[ on-line ]
.icon-list {
list-style-image: url('https://www.w3schools.com/cssref/sqpurple.gif');
}
sprawdź też użycie font-awesome
[ on-line ]
<li><i class="fas fa-smile"></i>Lorem 1</li>
<li><i class="fas fa-heart"></i>Lorem 2</li>
<li><i class="fas fa-spin fa-star"></i>Lorem 3</li>
.icon-list {
list-style-type: none;
...
}
.icon-list li i {
width: 1em;
margin-right: 0.5em;
}
sprawdź też
[ on-line ]
.icon-list li::before {
content: "\1F600"; /* U+1F600 */
margin-right: 0.5em;
}
[ Full Emoji List, v15.0 ]