Html 在Css中添加图标

我试图在div（x）下和行顶部添加一个图标，但它没有显示在我的浏览器中。怎么了

<i class="fa fa-user-circle" aria-hidden="true"></i>
<hr style="margin-left:20px; margin-right:20px; color:#ccc; box-shadow:0px 0px
  10px rgba(0,0,0,0.5);"></hr>

要使用（我假设）字体很棒的图标，您需要下载字体库，并在html中包含该库

i、 e-

（这是从bootstrap指向font Aweasome CDN的链接。您可以（也应该）将库保存在本地，并在那里有一个本地链接）

要使用（我假设）font Aweasome图标，您需要下载字体库，并将库包含在html中

i、 e-

（这是从bootstrap指向font awesome CDN的链接。您可以（也应该）将库保存在本地，并在那里有一个本地链接）

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">