Icons

System icons are designed to be simple, modern, friendly, and sometimes quirky. With the help of Heroicons and Lucide icons each icon is reduced to its minimal form, expressing essential characteristics.

Our icons have variations to work depending a given context. Default type is an outline version, which will be used in most cases as they are visually balanced.

Sometimes, your icon can be used to represent an action or command that is need to be carried out. In that situation you can use your icon within a bounding box.

Consistency is key with icons, and all your icons should be the same size when you use them. There are four icon sizes in our design system: small, normal and large.

While normal icons are used in the majority of our interface which are our standard size, small icons are best used when space is limited and large icons are used to emphasize a concept or when space is plentiful.

Our icons are available to use as a single color. Gray dark is the default color for active states and gray base is used for disabled states. They are also available in all the different colors defined by the official brand guideline for Nova's colors.