Iconography

Essentials and uses

Iconography is a great help towards making our projects more comfortable and intuitive for the users. And it's for this reason that we have made a pack aimed towards improving usability and the interface of our products. This is a collection of simple icons in which there is a clear and understood meaning that stands out. One of our objectives is to make it so that identifying the concepts is so easy that they don’t need to be accompanied by text.

To achieve this, we have taken the most standardized icons and we have given it a spin, trying to give them that touch of personality.

As well as this, without leaving functionality aside, we have creating an icon style of our own. There are a series of established rules to creating these icons, and following them, we will be able to create all of the necessary concepts that are needed in time.

Download our icons here.

Sizes of use

The sizes of use are adapted towards improved visualization on different portals and adaptations to our websites.

Taking the buttons on mobile versions as reference for the smaller sizes, and with the search buttons as in the main CTA of the websites, we have defined the rest of the intermediate sizes.

Creation and construction

To achieve the homogeneity throughout the pack, the icons are designed based on a square structure.

Taking the buttons on mobile versions as reference for the smaller sizes, and with the search buttons as in the main CTA of the websites, we have defined the rest of the intermediate sizes.

This is a linear pack of rounded ends and with 50-point lines, respecting the straight cuts in the intersections between two shapes, depending on the needs of each icon.

The pack will also contain some solid icons, to improve the visualization of these in small sizes.

Square construction 512x512pt

Width 50pt

Rounded corners and edges