アイコンを使う
これで<i class="fa-solid fa-briefcase"></i>のようにブリーフケースのアイコンを表示させることができる。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
tmp.html
<body>
<div class="info-grid">
<div class="info-box">
<i class="fa-solid fa-hashtag icon"></i>
<span id="player-id">N/A</span>
</div>
<div class="info-box">
<i class="fa-solid fa-briefcase icon"></i>
<span id="player-job">N/A</span>
</div>
<div class="info-box">
<i class="fa-solid fa-money-bill-wave icon"></i>
<span id="player-cash">N/A</span>
</div>
<div class="info-box">
<i class="fa-solid fa-building-columns icon"></i>
<span id="player-bank">N/A</span>
</div>
</div>
Head
<meta charset="UTF-8">
Body