{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Homepage", "item": "https://www.wago.com/global" }, { "@type": "ListItem", "position": 2, "name": "The Brand Portal of the WAGO company", "item": "https://www.wago.com/global/brandportal" }, { "@type": "ListItem", "position": 3, "name": "Corporate Design", "item": "https://www.wago.com/global/corporatedesign" }, { "@type": "ListItem", "position": 4, "name": "Our Icons", "item": "https://www.wago.com/global/corporatedesign/ouricons" } ] } [{"url":"/brandportal","name":"The Brand Portal of the WAGO company","linkClass":null,"categoryCode":null},{"url":"/corporatedesign","name":"Corporate Design","linkClass":null,"categoryCode":null},{"url":"/corporatedesign/ouricons","name":"Our Icons","linkClass":"active","categoryCode":null}]

Style

The WAGO icon style is clean, simple, and flat. Some of the icons, whose natural form suits it, feature the shape of the corporate font Lexia. This creates a unique recognition value. The icon set is available in an outline and filled variant

Usage note: For digital media, please use the outline icon set 

(WAGO Iconset web).

Creation

  • Created on a 24x24px grid
  • Built from basic shapes, derived from the corporate font Lexia
  • Safe area of 1px around the icon
  • Stroke width of 1.5pt
  • Motives with front oder side view
  • Clean, simple and flat style

Spacing

There must be a minimum spacing of 1.5 pt between all elements. That counts for the outline and filled variant.

Small or Combined Elements

If elements are combined for a new icon or an existing icon has to be displayed smaller for an application, the filled variant of the icon is used. This prevents the lines from blurring.

Colors

The icons are available in black, green and white. Depending on the contrast, they can be placed on our corporate colors in various colors.

Accessibility and Icons

The color choice for icons varies depending on their usage. For functional icons, it is important to select colors that ensure high visibility and contrast for better accessibility. Decorative icons can allow for more flexibility in color selection. For more information, please visit our accessibility page.

Contact

You cannot find the icon you need in our icon library?

Don’t hestitate to contact us, we will be happy to assist you: design-marketing@wago.com

Micro Animations Style

Our icon animations are simple and consistent in design. The icons are built up path by path using a trim path effect. Furthermore, the animated movements are rounded off with a motion blur effect, which makes them more dynamic.

Do

  • Motion Blur
  • Natural Movements
00_BELL_OK.gif

DON'T

  • No use of Motion Blur
01_BELL_NO_EASING_MOTIONBLUR_.gif

DON'T

  • Unnatural Movements
02_BELL_FAST_UNNATURAL.gif

DON'T

  • Comic Movements
  • Unrealistic Movements
03_BELL_BOUNCE_COMIC_.gif

Download Section

Contact

You cannot find the icon you need in our icon library? Don’t hestitate to contact us, we will be happy to assist you: design-marketing@wago.com

Your contact person at WAGO

Additional service offerings: