Iconography
Our ever-evolving catalogue of icons, as well as a detailed guide on how to create your own.
Light background
Icon library
Dark background
Icon library
Access the full set of icons
Building Icons
We have a wide array of icons at hand, but for any further needs you can find a guide to build our icons below.
Iconography Grid
Our iconography is built on a consistent grid for scalability and simplicity. Designers should always prioritize representing the icon concept over style or brand.
How It’s Built
Utilizing the grid as a foundation for both height and width, outline the desired shape of your icon.
Make sure that all elements of the icon are contained within the grid boundaries.
Round the corners of our shapes to a radius of 10 points.
Our iconography incorporates open paths as a stylistic element. This approach should be maintained to ensure consistency.
Apply our Glow gradient to the stroke that requires accentuation in the icon.
Change the gradient from "Linear" to "Angular" style.
Utilizing the grid as a foundation for The gradient should commence with DT Orange color, transition through the spectrum, and conclude with DT Blurple. height and width, outline the desired shape of your icon.
Adjust the gradient so that DT Orange is the predominant color, ensuring uniform stroke weights throughout the icon.
Background Colors
On a dark background, the gradient fades to dark at the end opposite our DT orange color.
On a white background, the gradient fades to white at the end opposite our DT orange color.
