我在编码方面非常陌生，正在尝试在 Thinkific 网站上的页脚代码中添加一个可点击的图标。 Thinkific 允许 html 和 javascript。
我想使用的图标来自“FlatIcon”网站，这是图标的链接（https://www.flaticon.com/free-icon/philosophy_4576683?term=mindful&page=1&position=10&origin=search&related_id =4576683).
单击该图标时，我希望它指向 Thinkific 上的课程网页，并且我希望该图标出现在页脚的中央（但这不是强制性的）。
我从这个开始，但我收到一个错误代码，上面写着“预期的命名实体。没有”
<!DOCTYPE HTML>.
<link rel="stylesheet" href="https://www.flaticon.com/free-icon/philosophy_4576683?term=mindful&page=1&position=10&origin=search&related_id=4576683">
我还下载了图标并尝试了以下操作，但收到“意外的结束标记 (p)。已忽略”消息，页脚根本没有显示。
#footer {
padding: 0 10px;
background:#EEE;
bottom:0px;
right:0px;
left:0px;
position:fixed;
box-shadow: 0px 0px 8px 0px #000000;
}
#footer p {
margin: 0;
padding: 10px 0;
}
<div id="footer">
<p><center>Take a Break!</center>
<img style="float:right" src="./desktop/philosophy.png" height="25" width="25"></p>
</div>
“休息一下！”是我想伴随图标的文字。
我不知道如何进行这项工作，或者在哪里添加网页链接，所以任何帮助将不胜感激！
另外，这是我的第一篇文章，所以如果它混乱/难以理解，我深表歉意。