[How To?] How to add a symbol to this code?

[niv]

<div class="usermenu">
    {$admincplink}
  {$modcplink}
<a href="{$mybb->settings['bburl']}/usercp.php?action=avatar"><img class="panelavatar" style="vertical-align: top; margin-top: 5px;" src="{$mybb->user['avatar']}" height="40" width="40"></a>
  ברוך הבא, <span class="userunique"><a href="{$mybb->settings['bburl']}/member.php?action=profile">{$mybb->user['username']}</a></span>

</div>
<div id="dd" class="wrapper-dropdown-5" tabindex="1">
<i class="fa fa-angle-down fa-lg"></i>
<ul class="dropdown">
<table>
<tr>
<td class="tduser" style="width: 200px; text-align: right;">
{$myalerts_headericon}
                  <li><a href="{$mybb->settings['bburl']}/usercp.php"><i style="font-size: 14px;" class="fa fa-cog fa-fw"></i> לוח בקרה אישי</a></li>
<li><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', null, true); return false;"><i style="font-size: 14px;" class="fa fa-users fa-fw"></i> צפה ברשימת חברים</a></li>
                  <li><a href="{$mybb->settings['bburl']}/usercp.php?action=avatar"><i class="fa fa-camera fa-fw"></i> שנה סמלון אישי</a></li>
        <li><a href="{$mybb->settings['bburl']}/usercp.php?action=editsig"><i class="fa fa-picture-o fa-fw"></i> ערוך חתימה</a></li>
                  <li><a href="{$mybb->settings['bburl']}/private.php"><i class="fa fa-envelope fa-fw"></i> הודעות פרטיות</a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><i class="fa fa-power-off fa-fw"></i> התנתק</a></li>
</td>
</tr>
</table>
</ul>
</div>

I marked the code, I want to add a symbol to the right (fa fa-envelope fa-fw), with the symbol it's look like that:


Thanks for the help.

[R34P3R]

This user has been denied support.

https://www.w3schools.com/icons/fontawes..._intro.asp

[niv]

Someone can please to add the right code to the code please? thanks.

[Ashley1]

What did you mark, where?

If you want add the symbol to myalerts you're not posting the right code. You need to find the template that corresponds to {$myalerts_headericon}

and add the symbol there.

[.m.]

it should be added to li tag used in myalerts_headericon template of the theme (in general, by using background css)