This seems to be more a CSS issue. Try something like this (hope you know enough about CSS):
a[href$=".pdf"]::after {
content: 'PDF-File';
font-size: 75%;
color: green;
margin-left: 1rem;
}
In this example CSS looks whether it’s a PDF file and writes ‘PDF-File’ behind the link. Same applies to SVG or Graphics. Also you can think about Font Awesome. And you can ask @budparr who’s the developer of Ananke.
Hope this helps.