1. 引入 Font Awesome 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

2.使用图标

<div><i class="fas fa-map-marker-alt"></i></div>

<div><i class="far fa-envelope"></i></div>

<div><i class="fa fa-mobile-alt"></i></div>

3.可以在css中定义图标的颜色、大小等样式

<style>

.icon-marker {

font-size: 24px;

color: red;

}

.icon-mobile {

color: #666;

font-size: 36px;

}

</style>

4.使用自定义的样式

<div><i class="fas fa-map-marker-alt icon-marker"></i></div>

<div><i class="far fa-envelope"></i></div>

<div><i class="fa fa-mobile-alt icon-mobile"></i></div>

二、中文官网https://fontawesome.com.cn/