Skip to main content
ENGIE logos
The logo helps our users identify our brand when using our services.
The ENGIE logo must be included in every digital interface created by ENGIE.
ENGIE logo
#007BC5
4.52:1
#FFFFFF
4.52:1
The logo must only be used with approved colors.
Brand blue and white are the only approved colors and provide sufficient contrast when used together.
  • How to use it
  • Downloads
  • Grids
  • Do’s / Don’ts
How to use it
To use the logo, we recommend using the component.
It is available in Figma, React, Angular, and Web Component.
Please visit the logo component page to access it.
Downloads
    Available versions:

  • Standard
  • Baseline EN & FR
  • Minified
  • Favicon
  • Open Graph
Download all logo versions
Standard The standard logo is the main version of the brand and it is designed for most use cases.
ENGIE logo color on transparent background
  • Standard SVG
  • Standard PNG
ENGIE logo color on white background
  • Standard JPG
ENGIE logo white on transparent background
  • Standard White SVG
  • Standard White PNG
Baseline EN & FR The baseline logo is designed for cases where space is not a constraint.
For example, it is typically used in a footer.
ENGIE logo color on transparent background
  • EN baseline SVG
  • EN baseline PNG
ENGIE logo color on white background
  • EN baseline JPG
ENGIE logo white on transparent background
  • EN baseline white SVG
  • EN baseline white PNG
ENGIE logo color on transparent background
  • FR baseline SVG
  • FR baseline PNG
ENGIE logo color on white background
  • FR baseline JPG
ENGIE logo white on transparent background
  • FR baseline white SVG
  • FR baseline white PNG
Minified The minified logo is designed for cases where space is a constraint.
For example, it is typically used in a navigation bar when it’s collapsed.
ENGIE minified logo color on transparent background
  • Minified SVG
  • Minified PNG
ENGIE minified logo color on white background
  • Minified JPG
ENGIE minified logo white on transparent background
  • Minified White SVG
  • Minified White PNG
Favicon The favicon is designed for browser tabs only.
ENGIE favicon color on transparent background
  • Favicon ZIP
Open Graph The Open Graph is designed for link previews.
For example, when a user sends a link in Teams, the preview that appears uses the Open Graph.
ENGIE open graph logo color on transparent background
  • Open Graph PNG
Grids
The anatomy of the logo explains how it should breathe with clear spacings.
We’ve provided versions without spacings for flexibility, but they should always be used with spacings.
Anatomy of the ENGIE logo For the standard logo: the clear space equals approximately 50% of the logo’s height.
Anatomy of the ENGIE baseline logo For the baseline logo: the clear space equals approximately 33% of the logo’s height.
Anatomy of the ENGIE minified logo For the minified logo: the clear space equals approximately 75% of the logo’s height.
Do's & Don'ts
Spacings
Don’t place the logo too close to other elements.
Keep clear space around the logo to allow it to breath. See the Grids section above for more information.
Baseline positioning
Don’t use the baseline logo in a header, where space is a constraint.
Use the baseline in a footer, typically in a footer, where space is not a constraint.
Minified positioning
Don’t use the minified logo in a footer, when there is sufficient space for a larger logo variant.
Use the minified logo for example in a collapsed navigation bar, as it is suitable for areas where space is a constraint.
Link to Fluid's Microsoft Teams channel Link to the support page