Logo icon set
Our set of third-party logos follows the EOS design guidelines and integrates coherently in SUSE applications.
Logo icon wrapper
Most logos aren't created to be visible in small sizes. A wrapper helps improving visibility when using logos as icons.
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='eos-36 eos-dark-wrapper logo logo-square'/>
<img src='gitlab-white.svg' class='eos-36 eos-dark-wrapper logo logo-round'/>Implementation of logo icon light wrapper
content_copy
<img src='gitlab-dark.svg' class='eos-36 eos-light-wrapper logo logo-square'/>
<img src='gitlab-dark.svg' class='eos-36 eos-light-wrapper logo logo-round'/>