These symbols are commonly used in BT Financial Group user interfaces. They are implemented as scalable vector graphics (SVGs) with PNG fallbacks for older browsers. Using SVGs ensures the highest quality rendering on all devices, allows us to style the symbols using code and also complies with AA accessibility requirements.

Symbols

2.0.1

What’s new since v2.0.0

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
  • We fixed some of the SVG code to make them even better.
2.0.2

What’s new since v2.0.1

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Part of the STG logos where not showing. We really want all parts of the logos showing so we gave it a pep-talk. (#254)

What’s new since v2.0.0

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
  • We fixed some of the SVG code to make them even better.
2.0.3

What’s new since v2.0.2

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Updating the Google Play badge. (#293)
  • Adding full colour social network icons. (#294)

What’s new since v2.0.1

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Part of the STG logos where not showing. We really want all parts of the logos showing so we gave it a pep-talk. (#254)

What’s new since v2.0.0

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
  • We fixed some of the SVG code to make them even better.
2.0.4

What’s new since v2.0.3

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Updating the Google Plus icon. (#322)
  • Removing the old and adding new Mastercard symbols. (#307)
  • Updating the Visa symbol and adding 2 new Visa symbols. (#324)

What’s new since v2.0.2

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Updating the Google Play badge. (#293)
  • Adding full colour social network icons. (#294)

What’s new since v2.0.1

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Part of the STG logos where not showing. We really want all parts of the logos showing so we gave it a pep-talk. (#254)

What’s new since v2.0.0

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
  • We fixed some of the SVG code to make them even better.
2.0.5

What’s new since v2.0.4

This version changed: SVG CSS/LESS, but not: HTML, JS
  • New Instagram, Slack and Yammer social symbols added (#330 #260)
  • Social symbols updated (Facebook, Google Plus, LinkedIn, Twitter and YouTube)
  • Renamed Mastercard (vertical) symbol ensuring legacy class name support
  • Reverted to pre-v2.0.4 Mastercard symbol class names (with dashes)

What’s new since v2.0.3

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Updating the Google Plus icon. (#322)
  • Removing the old and adding new Mastercard symbols. (#307)
  • Updating the Visa symbol and adding 2 new Visa symbols. (#324)

What’s new since v2.0.2

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Updating the Google Play badge. (#293)
  • Adding full colour social network icons. (#294)

What’s new since v2.0.1

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Part of the STG logos where not showing. We really want all parts of the logos showing so we gave it a pep-talk. (#254)

What’s new since v2.0.0

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
  • We fixed some of the SVG code to make them even better.
3.0.0

What’s new since v2.0.5

This version changed: SVG CSS/LESS, HTML, but not: JS
  • .symbol-logo-alt multi-brand logo deprecated
  • Multi-brand logos moved to Logos module... now .logo-multibrand-small and .logo-multibrand-large (#333)
  • Symbols now shared between all brands (duplicate SVGs no longer maintained per brand)
  • Reduce CSS over-specificity (#346)

What’s new since v2.0.4

This version changed: SVG CSS/LESS, but not: HTML, JS
  • New Instagram, Slack and Yammer social symbols added (#330 #260)
  • Social symbols updated (Facebook, Google Plus, LinkedIn, Twitter and YouTube)
  • Renamed Mastercard (vertical) symbol ensuring legacy class name support
  • Reverted to pre-v2.0.4 Mastercard symbol class names (with dashes)

What’s new since v2.0.3

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Updating the Google Plus icon. (#322)
  • Removing the old and adding new Mastercard symbols. (#307)
  • Updating the Visa symbol and adding 2 new Visa symbols. (#324)

What’s new since v2.0.2

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Updating the Google Play badge. (#293)
  • Adding full colour social network icons. (#294)

What’s new since v2.0.1

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Part of the STG logos where not showing. We really want all parts of the logos showing so we gave it a pep-talk. (#254)

What’s new since v2.0.0

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
  • We fixed some of the SVG code to make them even better.
<!-- Background image method -->
<span class="symbol symbol-store-apple"></span>

<!-- Direct embedding method -->
<span class="symbol symbol-store-apple" data-grunticon-embed></span>

LESS

The main mixin is called: _symbols(BT)
3.0.1

What’s new since v3.0.0

This version changed: SVG CSS/LESS, but not: HTML, JS
  • Updated the Apple Store symbol and added an inverse option
  • New BPay symbols added… .symbol-bpay-port and .symbol-bpay-land
  • Optimised CSS; combined symbol dimension settings where possible

What’s new since v2.0.5

This version changed: SVG CSS/LESS, HTML, but not: JS
  • .symbol-logo-alt multi-brand logo deprecated
  • Multi-brand logos moved to Logos module... now .logo-multibrand-small and .logo-multibrand-large (#333)
  • Symbols now shared between all brands (duplicate SVGs no longer maintained per brand)
  • Reduce CSS over-specificity (#346)

What’s new since v2.0.4

This version changed: SVG CSS/LESS, but not: HTML, JS
  • New Instagram, Slack and Yammer social symbols added (#330 #260)
  • Social symbols updated (Facebook, Google Plus, LinkedIn, Twitter and YouTube)
  • Renamed Mastercard (vertical) symbol ensuring legacy class name support
  • Reverted to pre-v2.0.4 Mastercard symbol class names (with dashes)

What’s new since v2.0.3

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Updating the Google Plus icon. (#322)
  • Removing the old and adding new Mastercard symbols. (#307)
  • Updating the Visa symbol and adding 2 new Visa symbols. (#324)

What’s new since v2.0.2

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Updating the Google Play badge. (#293)
  • Adding full colour social network icons. (#294)

What’s new since v2.0.1

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Part of the STG logos where not showing. We really want all parts of the logos showing so we gave it a pep-talk. (#254)

What’s new since v2.0.0

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
  • We fixed some of the SVG code to make them even better.
<!-- Background image method -->
<span class="symbol symbol-{NAME]"></span>

<!-- Direct embedding method -->
<span class="symbol symbol-{NAME]" data-grunticon-embed></span>

LESS

The main mixin is called: _symbols(BT)
3.0.2

What’s new since v3.0.1

This version changed: SVG CSS/LESS, but not: HTML, JS
  • New PayID symbol added... .symbol-payid
  • Updated the Slack symbol

What’s new since v3.0.0

This version changed: SVG CSS/LESS, but not: HTML, JS
  • Updated the Apple Store symbol and added an inverse option
  • New BPay symbols added… .symbol-bpay-port and .symbol-bpay-land
  • Optimised CSS; combined symbol dimension settings where possible

What’s new since v2.0.5

This version changed: SVG CSS/LESS, HTML, but not: JS
  • .symbol-logo-alt multi-brand logo deprecated
  • Multi-brand logos moved to Logos module... now .logo-multibrand-small and .logo-multibrand-large (#333)
  • Symbols now shared between all brands (duplicate SVGs no longer maintained per brand)
  • Reduce CSS over-specificity (#346)

What’s new since v2.0.4

This version changed: SVG CSS/LESS, but not: HTML, JS
  • New Instagram, Slack and Yammer social symbols added (#330 #260)
  • Social symbols updated (Facebook, Google Plus, LinkedIn, Twitter and YouTube)
  • Renamed Mastercard (vertical) symbol ensuring legacy class name support
  • Reverted to pre-v2.0.4 Mastercard symbol class names (with dashes)

What’s new since v2.0.3

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Updating the Google Plus icon. (#322)
  • Removing the old and adding new Mastercard symbols. (#307)
  • Updating the Visa symbol and adding 2 new Visa symbols. (#324)

What’s new since v2.0.2

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Updating the Google Play badge. (#293)
  • Adding full colour social network icons. (#294)

What’s new since v2.0.1

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Part of the STG logos where not showing. We really want all parts of the logos showing so we gave it a pep-talk. (#254)

What’s new since v2.0.0

This version changed: CSS/LESS, SVG but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏
  • We fixed some of the SVG code to make them even better.
<!-- Background image method -->
<span class="symbol symbol-{NAME]"></span>

<!-- Direct embedding method -->
<span class="symbol symbol-{NAME]" data-grunticon-embed></span>

LESS

The main mixin is called: _symbols(BT)