Icons

The British Council uses the Entypo font for iconography and we implemente them via inline svg's.

    <svg class="bc-svg bc-svg-icon_name_goes_here" aria-hidden="true">
      <use xlink:href="#bc-svg-icon_name_goes_here"></use>
    </svg>

Full icon set

alert
area-graph
attention
back-in-time
basket
blackboard
block
book
calendar
cancel-circled
cc-amex
cc-discover
cc-mastercard
cc-paypal
cc-rupay
cc-visa
chat
clapperboard
clipboard
clock
cog
comment
cross
cw
cycle
dice
document-landscape
document
down-circled
down-dir
down-open-mini
down-open
download
drupal
facebook
feather
flag
flickr
funnel
game-controller
github
globe
graduation-cap
grid
hashtag
heart-empty
heart
home
hourglass
image-inverted
inbox
infinity
info-circled
info
instagram
key
keyboard
language
laptop
left-circled
left-dir
left-open-mini
left-open
linkedin
location
location2
login
mail
map
medium
megaphone
menu
minus
mixcloud
mobile
modern-mic
monitor
music
new-message
open-book
pencil
phone
picture
plus
popup
print
refresh
right-circled
right-dir
right-open-mini
right-open
rosette
search
shapes
share
sound
soundcloud
spell-check
squared-minus
squared-plus
star
stopwatch
suitcase
tablet-mobile-combo
tablet
tag
tags
text
tick
ticket
time-slot
trash
trophy
twitter
typing
up-circled
up-dir
up-open-mini
up-open
user
users
vcard
video
vimeo
youtube
youtube2

Spinners

  • Add a class of .bc-spin-cw
  • Add a class of .bc-spin-ccw