> For the complete documentation index, see [llms.txt](https://setka.gitbook.io/help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://setka.gitbook.io/help-center/content-design-system-manager/icons.md).

# Icons

## **Why do I need icons?**

Icons help to provide visual indicators of your text’s content. When selecting icons for a new style, try to add those that match the theme of your background, text, dividers, and links.

## **How to add a new icon?**

There are two ways to add icons to your Style:

* add from the Noun Project online library
* upload directly from your computer

## **How to search for free icons?**

Click **Search icons library** and type the name of the icon in the search bar. Select an icon and change its color if necessary. Click **Add** to upload the icon to your Style.  

![Adding icons from the Icons library in Setka Content Design System Manager](/files/-MQoA3TXoGkIUpOCEorm)

## **How to add more icons from the Noun Project Library?**

To access more icons from the Noun Project Library, click Search icons library, and click the link to get to the Noun Project Library. To add any of these icons to your Style, you will need to sign up [to their site](https://thenounproject.com/) and either purchase a license or download credited icons. Once downloaded, upload them from your computer to the Content Design System Manager (CDSM).

## **How to upload icons from your computer?**

Click on **Select files to upload**, select a file, and save style changes. The icon you add appears in the Icons tab as shown below:

![Uploading icons from desktop to Setka Content Design System Manager](/files/-MQo9xHWx4l084oNue9v)

You can insert special characters and emojis when creating a style.

## **Which image file format to use for icons?**

You can upload icons in PNG, JPG, and SVG formats. The image size and number of icons is not limited. The recommended icon size — no bigger than 256px. This is an optimal size for the largest font.  

{% hint style="success" %}
[Learn more](/help-center/setka-post-editor/icons.md) about how to add icons to your post in Setka Post Editor.
{% endhint %}