Icons

Icons (default)

Icon item title 1

Icon item title 2

Icon item title 3

Icon item title 4

Icons with link

Component:

background color: light
amount of columns: 4

Items:

icon size: small
icon position: start
link color: secondary
link arrow style: primary

Icons with link

Component:

amount of columns: 2

Items:

icon size: small
icon position: start
description text color: secondary
link color: primary
link arrow style: secondary

with description

with description

with description

with description

Icons with link

Component:

background color: light
amount of columns: 4

Items:

hide card: yes
show icon outline: yes
icon size: small
icon position: start
link arrow style: hidden

Icons

Component:

amount of columns: 3
content alignment: center

Items:

hide card: yes
icon size: medium
icon position: center
title: alignment center + primary color + size H2
description: alignment center + secondary color

Icon item title 1

with description

Icon item title 2

with description

Icon item title 3

with description

Icon item title 4

with description

Icon item title 5

with description

Icons

Component:

amount of columns: 2

Items:

hide card: yes
show icon outline: yes
icon size: medium
icon position: start
title: primary color

Icon item title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra luctus viverra. Nam ut magna orci.

Icon item title 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra luctus viverra. Nam ut magna orci. Sed posuere ex quis est auctor lacinia.

Icon item title 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Icon item title 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra luctus viverra. Nam ut magna orci. Sed posuere ex quis est auctor lacinia.

Icon item title 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pharetra luctus viverra. Nam ut magna orci.

Icons

Component:

amount of columns: 3
content alignment: center

Items:

hide card: yes
icon size: medium
icon position: center
title: alignment center + primary color + size H2
description: alignment center + secondary color

Icon item title 1

with description

Icon item title 2

with description

Icon item title 3

with description

Icon item title 4

with description

Icon item title 5

with description