Guidelines

Iconography

ECL icons

  • arrow-left
  • audio
  • book
  • brochure
  • budget
  • calendar
  • camera
  • chain
  • check-filled
  • check
  • clock-filled
  • clock
  • close-filled
  • close-outline
  • close
  • copy
  • corner-arrow
  • data
  • digital
  • document
  • download
  • edit
  • email
  • energy
  • error-outline
  • error
  • euro
  • event
  • external-events
  • external
  • eye
  • faq
  • feedback
  • file-blank
  • file
  • folder
  • fullscreen
  • global
  • growth
  • hamburger
  • image
  • infographic
  • information-outline
  • information-round
  • information
  • laco-filled
  • laco
  • list
  • livestreaming
  • location-filled
  • location
  • log-in-outline
  • log-in
  • logged-in
  • minus-outline
  • minus
  • multiple-files
  • notification-active
  • notification
  • organigram
  • package
  • pause-filled
  • pause-outline
  • pause
  • play-filled
  • play-outline
  • play
  • plus-filled
  • plus-outline
  • plus
  • presentation
  • print
  • regulation
  • rss
  • search
  • settings
  • share-filled
  • share
  • shopping-bag
  • solid-arrow
  • sort-carets
  • spinner
  • spreadsheet
  • star-filled
  • star-outline
  • tag
  • trash
  • upload
  • warning-outline
  • warning-round
  • warning

Social media icons

  • blog-color
  • blog-negative
  • blog
  • bluesky-color
  • bluesky-negative
  • bluesky
  • chain-color
  • chain-negative
  • chain
  • email-color
  • email-negative
  • email
  • facebook-color
  • facebook-negative
  • facebook
  • flickr-color
  • flickr-negative
  • flickr
  • foursquare-color
  • foursquare-negative
  • foursquare
  • gmail-color
  • instagram-color
  • instagram-negative
  • instagram
  • linkedin-color
  • linkedin-negative
  • linkedin
  • mastodon-color
  • mastodon-negative
  • mastodon
  • messenger-color
  • messenger-negative
  • messenger
  • pinterest-color
  • pinterest-negative
  • pinterest
  • qzone-color
  • qzone-negative
  • qzone
  • reddit-color
  • reddit-negative
  • reddit
  • rss-color
  • rss-negative
  • rss
  • skype-color
  • skype-negative
  • skype
  • sms-color
  • sms-negative
  • sms
  • spotify-color
  • spotify-negative
  • spotify
  • telegram-color
  • telegram-negative
  • telegram
  • threads-color
  • threads-negative
  • threads
  • twitter-color
  • twitter-negative
  • twitter
  • typepad-color
  • typepad-negative
  • typepad
  • weibo-color
  • weibo-negative
  • weibo
  • whatsapp-color
  • whatsapp-negative
  • whatsapp
  • yahoomail-color
  • yahoomail-negative
  • yahoomail
  • yammer-color
  • yammer-negative
  • yammer
  • youtube-color
  • youtube-negative
  • youtube

Flag icons (EU members)

  • austria-square
  • austria
  • belgium-square
  • belgium
  • bulgaria-square
  • bulgaria
  • croatia-square
  • croatia
  • cyprus-square
  • cyprus
  • czech-republic-square
  • czech-republic
  • denmark-square
  • denmark
  • estonia-square
  • estonia
  • EU-square
  • EU
  • finland-square
  • finland
  • france-square
  • france
  • germany-square
  • germany
  • greece-square
  • greece
  • hungary-square
  • hungary
  • ireland-square
  • ireland
  • italy-square
  • italy
  • latvia-square
  • latvia
  • lithuania-square
  • lithuania
  • luxembourg-square
  • luxembourg
  • malta-square
  • malta
  • netherlands-square
  • netherlands
  • poland-square
  • poland
  • portugal-square
  • portugal
  • romania-square
  • romania
  • slovakia-square
  • slovakia
  • slovenia-square
  • slovenia
  • spain-square
  • spain
  • sweden-square
  • sweden

Flag icons (non EU members)

  • albania-square
  • albania
  • armenia-square
  • armenia
  • bosnia-and-herzegovina-square
  • bosnia-and-herzegovina
  • georgia-square
  • georgia
  • iceland-square
  • iceland
  • israel-square
  • israel
  • liechtenstein-square
  • liechtenstein
  • moldova-square
  • moldova
  • montenegro-square
  • montenegro
  • north-macedonia-square
  • north-macedonia
  • norway-square
  • norway
  • serbia-square
  • serbia
  • switzerland-square
  • switzerland
  • turkey-square
  • turkey
  • ukraine-square
  • ukraine
  • united-kingdom-square
  • united-kingdom

Icon colour

Every non coloured icons (apprearing grey here) could be colorized using the text colours utilities