> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.metalocator.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Adding Icons to Results Fields/Buttons

MetaLocator includes a vast library of hundreds of icons to add interesting elements and draw users attention to fields on your Result Cards.  These Icons can be seen in our demos at [https://www.metalocator.com/demos/](https://www.metalocator.com/demos/) and in the Interface templates available:

[![](https://storage.crisp.chat/users/helpdesk/website/-/c/d/5/5/cd55e1a4f38f5000/1dc53f73-9a22-4c07-86b8-613a22_p141jh.png)](https://downloads.intercomcdn.com/i/o/1097019695/58f854e4d8ac5bce238704f3/image.png?expires=1794511800&signature=010ba8e5f0198231c7e2ba32474f46bed2924beb3d387df3821f03bc72e5db45&req=dSAuEcl%2FlIdWXPMW1HO4zTZ2TMzYNIZb8Sc693oA725UaHUC%2BUT%2FdOeR%2Bzt2%0AjHUhho6qs43hN4e3q8Q%3D%0A)

In this example we will be adding an icon to the Details button of the Rich Media Template:

1. Navigate to the **Interface** menu and select the **Edit** button next to the interface to begin.
Select the **Results Settings** and **Edit List** to see the Result Fields.

[![](https://storage.crisp.chat/users/helpdesk/website/-/e/0/6/0/e060b01efd4b0800/98e88e0a-a956-44c3-b9d0-d0a239_izhqh7.png)](https://downloads.intercomcdn.com/i/o/1097023230/0cb56417e9dbfd0fc0506e0e/image.png?expires=1794511800&signature=9beb7b550680a58778a3b24de89572034f0315a7b8e4938ae626ea9eb7b009a8&req=dSAuEcl8noNcWfMW1HO4zaT41yxgSO%2BOLwgSgnOCJmiLTB8dTxbIJFefKNVW%0AksUP%0A)

Select **Link to Details** and select the Icon folder

[![](https://storage.crisp.chat/users/helpdesk/website/-/d/8/1/9/d8191d7626098000/52bb5d0c-1880-4688-8e4a-6599e5_1mnk8ha.png)](https://downloads.intercomcdn.com/i/o/1097025350/03cf79620dd7bd2e33c0cf10/image.png?expires=1794511800&signature=3f3a9b647f97dae9bad311f94063453020ed6eb07c37957beb38b1ecf2920416&req=dSAuEcl8mIJaWfMW1HO4zT2yJUUNFm%2BfsZKe%2F97VxhhTNgS%2BgbWNwF%2FJ%2F154%0AojAc%0A)

4. Select the desired icon and it will display next to the fields label

[![](https://storage.crisp.chat/users/helpdesk/website/-/d/e/f/9/def9fafdb5154000/6b17e3e2-7995-4f4c-a41c-2751cc_18geu4b.png)](https://downloads.intercomcdn.com/i/o/1097027237/897db173964b0f5c7bd56117/image.png?expires=1794511800&signature=71e80dd7bf6c42be2031c1bb568bfca420637cd588e9fee60caecfd0bd3ff1e6&req=dSAuEcl8moNcXvMW1HO4zSJhg9%2FvNXCKMkgV0R8IO0XikFzDKkrlRcS5jFd4%0A5H4u%2Fed6KtbcLClFm5Y%3D%0A)

To delete an icon simply remove the text in the Icon setting:

[![](https://storage.crisp.chat/users/helpdesk/website/-/a/a/d/3/aad3814141274000/ca8c883c-d772-42c1-b39b-847721_ydq22d.png)](https://downloads.intercomcdn.com/i/o/1097027685/15c8f85ab0080bbac55fb6cb/image.png?expires=1794511800&signature=64ebedde665b1a89c3a3e2081ae0e44d2c65ecf523fe5dd5c2d1b57a28837025&req=dSAuEcl8modXXPMW1HO4zcmxVd%2B%2FlaB%2BSgtHHlydRHV6pzzQUtVl%2B0G4QVKp%0AIniOKMT6ymg1DklC2Vw%3D%0A)