# Iconography

## **Icon Pack**

![](/files/-Lp_ZCPM_7rg6oNyh_qC)

{% file src="/files/-Lp\_\_tcDXruqV2dtf30v" %}
Download for Illustrator
{% endfile %}

{% file src="/files/-Lp\_a4EeJ17HY9a6hQoe" %}
Download for Figma
{% endfile %}

## **Icon Web App**

Search for and download icons via the Streamline icon app.

Email <design@truvaluelabs.com> for the login information.

[Streamline Icon App →](https://app.streamlineicons.com/streamline-regular)

## Guidelines

![](/files/-LpduJYIUgL6PxyQZoCI)

### **Usage**

The most common usage of icons is paired with a feature text block consisting of a title and short descriptive text, with icon sitting on top.&#x20;

* Icons are always in our brand color purple (#61366E)
* 2px line thickness, 4px for retina-scaled images
* In general, 2.25x the size of the title that it is paired with
* Space between icon and title is the height of the title

## Creating Icons

### Things to avoid

* Avoid unnecessary details and decorative elements
* Avoid being too playful


---

# 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://brand.truvaluelabs.com/visual-identity/iconography.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.