Favicon

A favicon is a small icon, symbol or logo.
It mainly appears in a website tab or bookmark. It is an important element as it helps users to recognize a brand faster.

General#

  • It has to be used as favicon only and can't be integrated into any content.
  • The complete definition of the favicon matches the definition of the LIDL logo which can be found on brand.lidl.
  • All sizes are available in the LIDL CAKE UI Fundamentals assets folder.

Types#

  • There is only one version of the LIDL favicon.
VersionPreview
RGBFavicon

Size#

  • The device resolution depends on the browser and device.
  • The favicon is therefore available in different sizes.
  • The table below demonstrates the according use cases.
SizeDevice or Purpose
16x16Browser favicon (SVG, PNG)
32x32Taskbar shortcut icon
70x70Windows 10
96x96Desktop shortcut icon (and Google TV)
120x120iPhone Retina (iOS 7)
128x128Chrome Webstore icon
152x152iPad Retina (iOS 7)
167x167iPad Pro (iOS 8+)
180x180iPhone 6 Plus (iOS 8+)
196x196Android Chrome icon
228x228Opera Coast icon
270x270Windows 10
310x310Windows 10
310x150Windows 10

Change log#

5.6.0 Fundamental & 5.6.0 Web - 2021-01-26#

Added#

  • "Favicon" | Added new favicon in SVG file format