Guidelines

Iconography

ECL EU 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

  • euro

  • external-events

  • external

  • faq

  • feedback

  • file

  • folder

  • fullscreen

  • global

  • growth

  • hamburger

  • image

  • infographic

  • information

  • laco-filled

  • laco

  • list

  • livestreaming

  • location

  • log-in

  • logged-in

  • minus

  • multiple-files

  • organigram

  • package

  • pause-filled

  • pause

  • play-filled

  • play-outline

  • play

  • plus

  • presentation

  • print

  • regulation

  • rss

  • search

  • settings

  • share

  • shopping-bag

  • solid-arrow

  • spinner

  • spreadsheet

  • star-filled

  • star-outline

  • success

  • tag

  • trash

  • warning

Social media icons

  • blog-color

  • blog-negative

  • blog

  • 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

  • whatasapp

  • whataspp-negative

  • whatsapp-color

  • 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

  • bosnia-and-herzegovina-square

  • bosnia-and-herzegovina

  • georgia-square

  • georgia

  • iceland-square

  • iceland

  • 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

Icon colour

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