Icons

We use icons to punctuate text and show the personality of our brand. They come in two sizes: 40x40 and 24x24. For larger moments, we use illustrations instead of icons.


Sizes
We have 2 sizes of icons: 40x40 and 24x24.


Icon colors
Icons are always displayed in an single primary color Adyen Green, Adyen Black or white.


Thickness
All our icons have a line thickness of 2 px.


Consistency
If you use more icons on a line.
Then they should all be the same
size.

 

40x40

Our 40x40 icons have a small Adyen signature. If you zoom in on the icon you’ll see that the bottom left and top right have inner roundness. Just like our Adyen A. The icons are made on a grid of 40x40 and are always using the full height or width of the canvas, with a line thickness of 2 px.

 

24x24

In some cases you need smaller icons. In front of a product name, in a big overview list or for functional use. For these cases we have 24x24 icons. These are also made with a line thickness of 2 px. They are not made for scaling, so they won’t have the inner roundness.

 

Icons in use


Lorem ipsum
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.


Lorem ipsum
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.


Lorem ipsum
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.

 

Revenue protect

  

Lorem ipsum dolor sit
amet, consectetur
adipiscing elit.

Lorem ipsum dolor sit
amet, consectetur
adipiscing elit.

Lorem ipsum dolor sit
amet, consectetur
adipiscing elit.

Lorem ipsum dolor sit
amet, consectetur
adipiscing elit.

Lorem ipsum dolor sit
amet, consectetur
adipiscing elit.

Lorem ipsum dolor sit
amet, consectetur
adipiscing elit.

Lorem ipsum dolor sit
amet, consectetur
adipiscing elit.

Lorem ipsum dolor sit
amet, consectetur
adipiscing elit.

Lorem ipsum dolor sit
amet, consectetur
adipiscing elit.

 

Download icons

 

Do's & Don'ts

Do use the same sizes.

Don't use different sizes together.

Do use a solid color.

Don't color in the icon.

Do use our illustrations for scenes.

Don't create illustrations by using our icons.

Download

We have in total 600+ icons. You can find all our icons in Figma (with view access). Missing
an icon? Please communicate with your contact person at Adyen or mail us directly at
studio@adyen.com.