# Iconography

## **Icon Pack**

![](https://4029617878-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmQiJDElB2SsOFDy-I4%2F-Lp_Z7UjeNumUvPJXo2r%2F-Lp_ZCPM_7rg6oNyh_qC%2FIcons.png?alt=media\&token=faf4e49b-3b58-417e-84e2-0f1a4d7fbb75)

{% file src="<https://4029617878-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmQiJDElB2SsOFDy-I4%2F-Lp__p14Hby-26YyCzMX%2F-Lp__tcDXruqV2dtf30v%2FStreamline%20Light%20-%20Illustrator.zip?alt=media&token=6b8562ed-c9a9-4cda-989c-afa6409ce719>" %}
Download for Illustrator
{% endfile %}

{% file src="<https://4029617878-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmQiJDElB2SsOFDy-I4%2F-Lp_a10jvZjwW-bFd1Do%2F-Lp_a4EeJ17HY9a6hQoe%2FStreamline%20Light%20-%20Figma.zip?alt=media&token=2ab06e57-d5e0-4f32-8630-c2aec172833f>" %}
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

![](https://4029617878-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmQiJDElB2SsOFDy-I4%2F-LpduHT2AnEfX1xLsugK%2F-LpduJYIUgL6PxyQZoCI%2FIcon%20paired%20with%20Text.png?alt=media\&token=dcafb3cb-0136-4d8f-9dfe-655cdb9867bd)

### **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