Iconography
Anatomy
01
The icon style is inspired by our logo, font-family and data visualisation.
Each icon carries our personality through a technological feel reflected in geometry, angularity and linework.
Grid
Our iconography is drawn on a pixel based grid of 24PX x 24PX with 2PX padding in order to ensure their desired scale and surrounding white space.
Style
As our mark and type, our icon style is informed by the contrast between the geometric technological feel and the softer human edge roundness.
Follow the style guide steps in order to create distinctively Sofascore iconography.
CORNER RADIUS
RADIUS
0.2px
24px scale
Where appropiate our outter corners use a slight round radius on the edges creating a sense of harmony between them and Sofa font.
strokes
SIZE
1px
24px scale
Our icons use subtracting strokes to create the details in distinctive shapes.
SCALING
SMALL, medium
Our icons should be scaled together with the grid and margins. Most of the uses will take place in smaller functional sizes (18, 24, 36, 48px), for these we keep the stroke to 1px.
SCALING
large
For larger more expressive uses of the iconography the stroke thickness can increase.
Sports library
02
Our growing sports iconography library currently consists of 24 icons to represent each sport.
DOWNLOAD
Functional
03
Our style is also applied to our most functional iconography. The geometric feel is carried accross with adding extra corners and simple gaps.
In use
05
