> For the complete documentation index, see [llms.txt](https://brand.truvaluelabs.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://brand.truvaluelabs.com/visual-identity/iconography.md).

# 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