What is an icon?

Icons are our simplest visual expressions. They represent a single subject matter as opposed to illustrations which combine multiple concepts into one cohesive message.

How do I know what to use and when?

If you’re unsure of when to use an icon, illustration or photo,
 refer to this page for guidance.

Where do icons show up?

Printed collateral such as tissue paper, pamphlets and badges

BrandGuide_Wix_Icons_PrintedCollateral_E
How to use our icons
EGBrandGuide_Icons_HowToUse.png
Mistakes to Avoid
EGBrandGuide_Icons_MistakesToAvoid.png
How to create icons
in the EG style

Our icons only use as many lines as needed to capture the essence of each subject matter. Keep in mind – eliminating lines does not mean it has to be boring.

Stick to flat design and never use perspective.

Use fundamental shapes such as squares, triangles, and circles. Stick to 90 or 45 degree angles when possible. Round edges or use curves sparingly.

Asset 5faxMachine.png

Merge line work and combine shapes to create less work for your eyes. Subtle continuation and closure results in clever, efficient icons.

Asset 6piggyBank.png

Though simple, our icons can still have personality and feel unique to Expedia Group. Include "spark" when an icon feels incomplete or imbalanced.

Asset 7spark.png

Icons can be combined with our signature half-circles and squares to create a cohesive pattern

Scale & Line Weight

Icons should never be smaller than 0.75 inch or wider than 1.5 inches.

 

Exceptions include certain mediums such as VTC screens, digital signage, or the web where images are automatically scaled up and down. 

Asset 8width_lineWeight.png
Color

While our icons can show up in various brand color combinations depending on the final context, below are the two main colorways.

NOTE: Our downloadable 
Icon library currently includes the
light-mode option only.

BrandGuide_Wix_Icons_ColorOptions-08.png

Always include one or more areas of accented color.
Below are the different ways they can show up.

EGBrandGuide_Icons_AccentColor.png
How do I know what to use and when?

If you’re unsure of when to use an icon, illustration or photo,
 refer to this page for guidance.

EG_BrandGuide_back-to-top_btn-10.png