> For the complete documentation index, see [llms.txt](https://docs.harnessgiving.cc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.harnessgiving.cc/elements-1/elements/icons.md).

# Icons

Choose eye-catching icons and add them to your website

 Need to add some cool **Icons** to your site? Harness offers over a million eye-catching icons. 

To add one, just drag and drop the **Icon Element** from the **Elements Section** to the **Crafting Area**.

![](https://downloads.intercomcdn.com/i/o/109119635/cd382f8fb1c52809a54bec6f/Icon.gif)

**Edit Icon**- Here and now, you can move to editing the Icon Element simply by clicking on it and choosing the desired option from the ‘**Settings**’.

To find the perfect icon type related niches in the search field on the Dialog Window or scroll down for some random cool ones. Move the pointer to change the icon size or use the color tool to make it colorful.

**Alignment** - To change alignment settings of the element, click the ‘Alignment’ icon and choose the desired position: top, center, bottom.

**Delete -** If you don't need the Element anymore, Click **‘Trash’** to remove it from your page in a blink of an eye.<br>

![](https://downloads.intercomcdn.com/i/o/109119657/cd200d78791064afaa8edf7e/Icon_1.gif)

Cool, right? As you're reading this, our enthusiastic team is already working on implementing new elements and functionalities, stay tuned!

Always remember we're just a step away so hit the Chat box in the lower right corner and drop a line to our **Support Team** right away!