The SUSE Design System uses cookies to help us learn more about how we can improve the design system.
Learn more about our cookie policy

Edit preferences
menu
more_horiz
  • More

Logo icon set

Our set of third-party logos follows the EOS design guidelines and integrates coherently in SUSE applications.

search

get_appDownload icon

Please follow our guidelines when implementing this icon.

close

Logo icon wrapper

A wrapper can make some logos more noticeable when the original logo is hardly visible in small size since logos are not created to work well as icons in 18px, for example.

Size

When a wrapper is present, its size should be the icon size and the logo inside should be one scale less. For example, a 36px logo icon with a wrapper is composed of a 36px wrapper and a 24px icon inside.

Type

For some situations (such as social network links) we can use a square wrapper as well. Square with 0px or 2px rounded borders only.

    Implementation of logo icon dark wrapper
    content_copy
    <img src='gitlab-white.svg' class='md-36 md-dark-wrapper logo logo-square'/>
<img src='gitlab-white.svg' class='md-36 md-dark-wrapper logo logo-round'/>
    Implementation of logo icon light wrapper
    content_copy
    <img src='gitlab-dark.svg' class='md-36 md-light-wrapper logo logo-square'/>
<img src='gitlab-dark.svg' class='md-36 md-light-wrapper logo logo-round'/>