You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
English arrow-down
  • Deutsch
Search search tk-menu tk-close menu
  • Pattern Library
  • flexible
    English arrow-down
    • Deutsch
  • Home
  • Patterns by type
  • Gallery/List/Teasers
  • Icon Collection

Icon Collection

The “Icon Collection” component allows icons to be displayed, and an optional link to be assigned to each icon.

The icons/links align themselves in a straight line automatically in center according to screen width, and will show on next line for more icons for smaller screens.

Example page view

The module is marked in orange

This is how the module works

The module consists of the following components

Content areaDescription
HeadlineHere you can define a headline
SubheadlineHere you can define a subheadline which appears smaller and grayed out above the main headline
IconsHere you can add multiple Icons by clicking on the '+ Icon' button
Link - You can add Internal,External, Email, Telephone or Download Links without any text.
Image - You can add images via Internal Media Management, External URL or Mediapath.
Image title - Is shown as a tooltip on hover
Alternative text description (alt) of the image
Hover image- You can add images via Internal Media Management, External URL or Mediapath.
Alternative text description (alt) of the hover image

The module can be used in the following templates and page areas:

Startpage
stage
content
Content Page
stage
main content
right
bottom
Flexible Layout
full-width
default
default with sidebar right
sidebar
sidebar
default with sidebar left
The blue area indicates that the module is applicable in this content area.

This module can be used in the following themes:

  • Internet
  • Intranet
  • Suite
The blue area indicates that the module is applicable in this theme.

This is what the module looks like

Example page
up to top arrow-up

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Follow us

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Imprint
  • Legal Notes
  • Share tk-share
    FacebookTwitter Email LinkedIn