如何在jquery的bootstrap popover内容中放置一个字形图标

<!-- 引入jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- 引入Bootstrap的CSS和JS文件 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<button type="button" class="btn btn-primary" data-toggle="popover" title="Popover标题" data-content="这是一个Popover内容">点击我</button>

$(document).ready(function(){
  $('[data-toggle="popover"]').popover({
    html: true,
    content: '<i class="fas fa-info-circle"></i>',
    // 其他Popover配置选项...
  });
});