# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://setka.gitbook.io/help-center/content-design-system-manager/icons.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.