Icons

Product/Service Icons

Chat
Better
Micro Organisation
Evidence
Small Organisation
Medium Sized Organisation
Action
Confidence
Accurate
Large Organisation
Community

Functional Icons

These icons are used for functional purposes only. These standard icons are not used to describe products or services, specific graphics will be used in these cases.

Gydeline generally uses the Google material icons set which is available under open source licence. The outlined, rounded variant is the preferred choice: https://material.io/tools/icons/?style=round

Icon Styles

Default Small
Google material design, rounded icon
size: 13px;
color: #343C3D;

Hover Small
Google material design, rounded icon
size: 13px;
color: #FFB733;

Pressed Small
Google material design, rounded icon
size: 13px;
color: #010B0D;

Default
Google material design, rounded icon
size: 21px;
color: #343C3D;

Hover
Google material design, rounded icon
size: 21px;
color: #FFB733;

Pressed
Google material design, rounded icon
size: 21px;
color: #010B0D;

Icon Choices

Within the Material Design Library there is a large library of icons to choose from, not all of which match the Gydeline style. Some guidance is below based on icons from the rounded set:

Good

Good

Good

Good

Simple, rounded icons are preferred

Good

Bad

Good

Bad

Simple, clean versions in preference to contained

Good

Bad

Outlines in preference to block fills

Good

OK

Bad

Choose the most appropriate of available versions

Bad

Choose another representation if sharp edges

OK

Where no other variants available, use closest fit