Icone jQuery não aparece

Estou tentando inserir ícones nos botões de excluir em uma tabela mas eles não aparecem.

<tbody>
                    <c:forEach var="p" items="${func.getPresidentes()}">
                        <tr>
                            <td>${p.getIdpersonagem()}</td>
                            <td>${p.getNome()}</td>
                            <td>${p.getFoip()}</td>     
                            <td>${p.getDescricao()}</td>   
                            <td><button class="ui-icon ui-icon-trash"></button></td>
                        </tr>
                    </c:forEach>
                </tbody>

Carreguei o jQuery dentro do head,coloquei nas pastas mas não funciona :frowning:

<head>
<link href="css/jquery-ui.css" rel="stylesheet">
        <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
        <script type="text/javascript" src="js/jquery-ui.js"></script>
</head>