<html>
<head>
<title>CSS lists - An Icon as List Item Marker Example</title>
<script src="https://kit.fontawesome.com/0028463084.js" crossorigin="anonymous"></script>
<style>
ul {
list-style: none;
}
ul li:before{
font-family: "Font Awesome 5 Free";
content: "\f0eb";
color: #3949ab;
margin-right: 15px;
}
</style>
</head>
<body>
<h2>CSS lists - An Icon as List Item Marker Example</h2>
<hr>
Top 5 Richest Cites in the world:<br>
<ul>
<li>California</li>
<li>Toronto</li>
<li>Paris</li>
<li>London</li>
<li>San Francisco</li>
</ul>
</body>
</html>