This library of icons is intended for use across all of our brands and user interfaces. They are designed to aid navigation and legibility. The use of icons purely as page embellishment is not recommended and in some cases will be off brand. These icons are implemented as scalable vector graphics (SVG’s) with png fallback’s for older browsers. Using SVG’s ensures the highest quality rendering on all devices, allows us to style the icons using code and also complies with AA accessibility requirements.

Icons-Base

1.0.0

Sizing

These icons are designed on a 16px grid. They must only be used at the following sizes: 16px, 32px and 64px. If the icons are not used at these sizes they will appear blurred. Some of the icons should only be used at the small size. These are indicated below.

The smiley icon in this example is not included in the icon-base and will have to be added to the blend separately. 

<span class="icon icon-size-sm icon-message"></span>
<span class="icon icon-size-md icon-message"></span>
<span class="icon icon-size-lg icon-message"></span>

CSS

Modifier classes:
  • icon-size-sm
  • icon-size-md
  • icon-size-lg

LESS

The main mixin is called: _icons-base(WBC)

Embedding

There are two ways to embed svg’s; As a background image or via direct embedding. Both methods are valid however it’s important to understand the implications. For example, using the background method is not semantic or accessible whereas direct embedding is accessible as every SVG comes with a title attribute that reflects its name.

The smiley icon in this example is not included in the icon-base and will have to be added to the blend separately. 

<span class="icon icon-size-sm icon-message" data-grunticon-embed></span>
<span class="icon icon-size-md icon-message" data-grunticon-embed></span>
<span class="icon icon-size-lg icon-message" data-grunticon-embed></span>

CSS

Modifier classes:
  • icon-size-sm
  • icon-size-md
  • icon-size-lg

LESS

The main mixin is called: _icons-base(WBC)
1.0.1

Sizing

These icons are designed on a 16px grid. They must only be used at the following sizes: 16px, 32px and 64px. If the icons are not used at these sizes they will appear blurred. Some of the icons should only be used at the small size. These are indicated below.

The smiley icon in this example is not included in the icon-base and will have to be added to the blend separately.

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • Icons in different sizes were looking fuzzy and didn't scale correctly in IE8. Now they just look fuzzy but that's a story for another time. (#192) 
<span class="icon icon-size-sm icon-message"></span>
<span class="icon icon-size-md icon-message"></span>
<span class="icon icon-size-lg icon-message"></span>

CSS

Modifier classes:
  • icon-size-sm
  • icon-size-md
  • icon-size-lg

LESS

The main mixin is called: _icons-base(WBC)

Embedding

There are two ways to embed svg’s; As a background image or via direct embedding. Both methods are valid however it’s important to understand the implications. For example, using the background method is not semantic or accessible whereas direct embedding is accessible as every SVG comes with a title attribute that reflects its name.

The smiley icon in this example is not included in the icon-base and will have to be added to the blend separately.

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • Icons in different sizes were looking fuzzy and didn't scale correctly in IE8. Now they just look fuzzy but that's a story for another time. (#192) 
<span class="icon icon-size-sm icon-message" data-grunticon-embed></span>
<span class="icon icon-size-md icon-message" data-grunticon-embed></span>
<span class="icon icon-size-lg icon-message" data-grunticon-embed></span>

CSS

Modifier classes:
  • icon-size-sm
  • icon-size-md
  • icon-size-lg

LESS

The main mixin is called: _icons-base(WBC)
2.0.0

Sizing

These icons are designed on a 16px grid. They must only be used at the following sizes: 16px, 32px and 64px. If the icons are not used at these sizes they will appear blurred. Some of the icons should only be used at the small size. These are indicated below.

The smiley icon in this example is not included in the icon-base and will have to be added to the blend separately.

What’s new since v1.0.1

This version changed: CSS/LESS but not: HTML, JS
  • To make it easier to switch brands with Less we’ve added a brand variable. Building multibrand sites has never been this easy! (#203)

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • Icons in different sizes were looking fuzzy and didn't scale correctly in IE8. Now they just look fuzzy but that's a story for another time. (#192) 
<span class="icon icon-size-sm icon-message"></span>
<span class="icon icon-size-md icon-message"></span>
<span class="icon icon-size-lg icon-message"></span>

CSS

Modifier classes:
  • icon-size-sm
  • icon-size-md
  • icon-size-lg

LESS

The main mixin is called: _icons-base(WBC)

Embedding

There are two ways to embed svg’s; As a background image or via direct embedding. Both methods are valid however it’s important to understand the implications. For example, using the background method is not semantic or accessible whereas direct embedding is accessible as every SVG comes with a title attribute that reflects its name.

The smiley icon in this example is not included in the icon-base and will have to be added to the blend separately.

What’s new since v1.0.1

This version changed: CSS/LESS but not: HTML, JS
  • To make it easier to switch brands with Less we’ve added a brand variable. Building multibrand sites has never been this easy! (#203)

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • Icons in different sizes were looking fuzzy and didn't scale correctly in IE8. Now they just look fuzzy but that's a story for another time. (#192) 
<span class="icon icon-size-sm icon-message" data-grunticon-embed></span>
<span class="icon icon-size-md icon-message" data-grunticon-embed></span>
<span class="icon icon-size-lg icon-message" data-grunticon-embed></span>

CSS

Modifier classes:
  • icon-size-sm
  • icon-size-md
  • icon-size-lg

LESS

The main mixin is called: _icons-base(WBC)
2.0.1

Sizing

These icons are designed on a 16px grid. They must only be used at the following sizes: 16px, 32px and 64px. If the icons are not used at these sizes they will appear blurred. Some of the icons should only be used at the small size. These are indicated below.

The smiley icon in this example is not included in the icon-base and will have to be added to the blend separately.

What’s new since v2.0.0

This version changed: CSS/LESS but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏

What’s new since v1.0.1

This version changed: CSS/LESS but not: HTML, JS
  • To make it easier to switch brands with Less we’ve added a brand variable. Building multibrand sites has never been this easy! (#203)

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • Icons in different sizes were looking fuzzy and didn't scale correctly in IE8. Now they just look fuzzy but that's a story for another time. (#192) 
<span class="icon icon-size-sm icon-message"></span>
<span class="icon icon-size-md icon-message"></span>
<span class="icon icon-size-lg icon-message"></span>

CSS

Modifier classes:
  • icon-size-sm
  • icon-size-md
  • icon-size-lg

LESS

The main mixin is called: _icons-base(WBC)

Embedding

There are two ways to embed svg’s; As a background image or via direct embedding. Both methods are valid however it’s important to understand the implications. For example, using the background method is not semantic or accessible whereas direct embedding is accessible as every SVG comes with a title attribute that reflects its name.

The smiley icon in this example is not included in the icon-base and will have to be added to the blend separately.

What’s new since v2.0.0

This version changed: CSS/LESS but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏

What’s new since v1.0.1

This version changed: CSS/LESS but not: HTML, JS
  • To make it easier to switch brands with Less we’ve added a brand variable. Building multibrand sites has never been this easy! (#203)

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • Icons in different sizes were looking fuzzy and didn't scale correctly in IE8. Now they just look fuzzy but that's a story for another time. (#192) 
<span class="icon icon-size-sm icon-message" data-grunticon-embed></span>
<span class="icon icon-size-md icon-message" data-grunticon-embed></span>
<span class="icon icon-size-lg icon-message" data-grunticon-embed></span>

CSS

Modifier classes:
  • icon-size-sm
  • icon-size-md
  • icon-size-lg

LESS

The main mixin is called: _icons-base(WBC)

Icons-Group 1

1.0.0

.icon-loading

1.0.1

.icon-loading

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • Fixed a bug in Firefox where the fallback loading gif and the loading animation would show both at the same time. That was a bit of an "overload" on loading so we fixed that. #196
2.0.0

.icon-loading

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • Fixed a bug in Firefox where the fallback loading gif and the loading animation would show both at the same time. That was a bit of an "overload" on loading so we fixed that. #196

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • Fixed a bug in Firefox where the fallback loading gif and the loading animation would show both at the same time. That was a bit of an "overload" on loading so we fixed that. #196
2.0.1

.icon-loading

What’s new since v2.0.0

This version changed: CSS/LESS but not: HTML, JS
  • Fanfare, Drum roll … We’ve added another brand. Yay! 👏

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • Fixed a bug in Firefox where the fallback loading gif and the loading animation would show both at the same time. That was a bit of an "overload" on loading so we fixed that. #196

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • Fixed a bug in Firefox where the fallback loading gif and the loading animation would show both at the same time. That was a bit of an "overload" on loading so we fixed that. #196

Icons-Group 2

1.0.0

.icon-credit-card

.icon-dollar

.icon-growth

.icon-limit

.icon-money-in

.icon-money-out

.icon-percent

.icon-save

.icon-super

.icon-switch

1.0.1

.icon-credit-card

.icon-dollar

.icon-growth

.icon-limit

.icon-money-in

.icon-money-out

.icon-percent

.icon-save

.icon-super

.icon-switch

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-credit-card

.icon-dollar

.icon-growth

.icon-limit

.icon-money-in

.icon-money-out

.icon-percent

.icon-save

.icon-super

.icon-switch

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-credit-card

.icon-dollar

.icon-growth

.icon-limit

.icon-money-in

.icon-money-out

.icon-percent

.icon-save

.icon-super

.icon-switch

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
3.0.0

.icon-credit-card

.icon-dollar

.icon-growth

.icon-limit

.icon-money-in

.icon-money-out

.icon-percent

.icon-super

.icon-switch

What’s new since v2.0.0

This version changed: SVG but not: CSS/LESS, HTML, JS
  • We removed the floppy disk save icon because, let’s face it, no-one remembers what a floppy disk is.

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 3

1.0.0

.icon-business-person

.icon-eftpos

.icon-office

.icon-shop

1.0.1

.icon-business-person

.icon-eftpos

.icon-office

.icon-shop

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-business-person

.icon-eftpos

.icon-office

.icon-shop

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-business-person

.icon-eftpos

.icon-office

.icon-shop

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 4

1.0.0

.icon-house

.icon-people

.icon-person

1.0.1

.icon-house

.icon-people

.icon-person

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-house

.icon-people

.icon-person

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-house

.icon-people

.icon-person

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 5

1.0.0

.icon-australia

.icon-chat

.icon-clock

.icon-edit

.icon-email

.icon-id-card

.icon-padlock

.icon-print

.icon-sms

.icon-stopwatch

.icon-telephone

.icon-tick

1.0.1

.icon-australia

.icon-chat

.icon-clock

.icon-edit

.icon-email

.icon-id-card

.icon-padlock

.icon-print

.icon-sms

.icon-stopwatch

.icon-telephone

.icon-tick

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • We removed the waves around the telephone icon because that was just so... retro. (What telephone isn't wireless these days? Seriously? We want to know) #160
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-australia

.icon-chat

.icon-clock

.icon-edit

.icon-email

.icon-id-card

.icon-padlock

.icon-print

.icon-sms

.icon-stopwatch

.icon-telephone

.icon-tick

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • We removed the waves around the telephone icon because that was just so... retro. (What telephone isn't wireless these days? Seriously? We want to know) #160
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-australia

.icon-chat

.icon-clock

.icon-edit

.icon-email

.icon-id-card

.icon-padlock

.icon-print

.icon-sms

.icon-stopwatch

.icon-telephone

.icon-tick

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • We removed the waves around the telephone icon because that was just so... retro. (What telephone isn't wireless these days? Seriously? We want to know) #160
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 6

1.0.0

.icon-excel-file

.icon-generic-file

.icon-pdf-file

.icon-word-file

.icon-zip-file

1.0.1

.icon-excel-file

.icon-generic-file

.icon-pdf-file

.icon-word-file

.icon-zip-file

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-excel-file

.icon-generic-file

.icon-pdf-file

.icon-word-file

.icon-zip-file

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-excel-file

.icon-generic-file

.icon-pdf-file

.icon-word-file

.icon-zip-file

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 7

1.0.0

.icon-atm

.icon-calculator

.icon-calendar

.icon-camera

.icon-message

.icon-mobile-pay

.icon-notification

.icon-paypass

.icon-quick-balance

.icon-service-bell

.icon-settings

.icon-shelf-menu

.icon-to-mobile

1.0.1

.icon-atm

.icon-calculator

.icon-calendar

.icon-camera

.icon-message

.icon-mobile-pay

.icon-notification

.icon-paypass

.icon-quick-balance

.icon-service-bell

.icon-settings

.icon-shelf-menu

.icon-to-mobile

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-atm

.icon-calculator

.icon-calendar

.icon-camera

.icon-message

.icon-mobile-pay

.icon-notification

.icon-paypass

.icon-quick-balance

.icon-service-bell

.icon-settings

.icon-shelf-menu

.icon-to-mobile

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-atm

.icon-calculator

.icon-calendar

.icon-camera

.icon-message

.icon-mobile-pay

.icon-notification

.icon-paypass

.icon-quick-balance

.icon-service-bell

.icon-settings

.icon-shelf-menu

.icon-to-mobile

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 8

1.0.0

.icon-bar-chart

.icon-invest

.icon-pie-chart

1.0.1

.icon-bar-chart

.icon-invest

.icon-pie-chart

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-bar-chart

.icon-invest

.icon-pie-chart

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-bar-chart

.icon-invest

.icon-pie-chart

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 9

1.0.0

.icon-accessibility

.icon-car

.icon-geolocation

.icon-map-pin

.icon-map

.icon-transport

.icon-walk

1.0.1

.icon-accessibility

.icon-car

.icon-geolocation

.icon-map-pin

.icon-map

.icon-transport

.icon-walk

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-accessibility

.icon-car

.icon-geolocation

.icon-map-pin

.icon-map

.icon-transport

.icon-walk

.icon-wheelchair

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • We added a wheelchair icon into the group. Please use responsibly. #170

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.3

.icon-accessibility

.icon-car

.icon-geolocation

.icon-map-pin

.icon-map

.icon-transport

.icon-walk

.icon-wheelchair

What’s new since v1.0.2

This version changed: SVG, but not: CSS/LESS, HTML JS
  • The newly added wheelchair icon did not abide to the dress code we have here at the GUI headquarters. It now does. #189

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • We added a wheelchair icon into the group. Please use responsibly. #170

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.4

.icon-accessibility

.icon-car

.icon-geolocation

.icon-map-pin

.icon-map

.icon-transport

.icon-walk

.icon-wheelchair

What’s new since v1.0.3

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.2

This version changed: SVG, but not: CSS/LESS, HTML JS
  • The newly added wheelchair icon did not abide to the dress code we have here at the GUI headquarters. It now does. #189

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • We added a wheelchair icon into the group. Please use responsibly. #170

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-accessibility

.icon-car

.icon-geolocation

.icon-map-pin

.icon-map

.icon-transport

.icon-walk

.icon-wheelchair

What’s new since v1.0.4

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.3

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.2

This version changed: SVG, but not: CSS/LESS, HTML JS
  • The newly added wheelchair icon did not abide to the dress code we have here at the GUI headquarters. It now does. #189

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • We added a wheelchair icon into the group. Please use responsibly. #170

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 10

1.0.0

.icon-android

.icon-apple

.icon-desktop

.icon-phone

.icon-tablet

.icon-windows-new

1.0.1

.icon-android

.icon-apple

.icon-desktop

.icon-phone

.icon-tablet

.icon-windows-new

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-android

.icon-apple

.icon-desktop

.icon-phone

.icon-tablet

.icon-windows-new

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-android

.icon-apple

.icon-desktop

.icon-phone

.icon-tablet

.icon-windows-new

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 11

1.0.0

.icon-account

.icon-bpay

.icon-history-clock

.icon-move-from

.icon-move-to

.icon-transfer

1.0.1

.icon-account

.icon-bpay

.icon-history-clock

.icon-move-from

.icon-move-to

.icon-transfer

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-account

.icon-bpay

.icon-history-clock

.icon-move-from

.icon-move-to

.icon-transfer

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-account

.icon-bpay

.icon-history-clock

.icon-move-from

.icon-move-to

.icon-transfer

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 12

1.0.0

.icon-dropbox

.icon-facebook

.icon-google-plus

.icon-linkedin

.icon-rss

.icon-share

.icon-star1

.icon-star2

.icon-star3

.icon-twitter

.icon-youtube

1.0.1

.icon-dropbox

.icon-facebook

.icon-github

.icon-google-plus

.icon-linkedin

.icon-rss

.icon-share

.icon-star1

.icon-star2

.icon-star3

.icon-twitter

.icon-youtube

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • While preaching about collaboration and open source and asking developers to come to our GitHub repository to check out what we have done we were blissfully unaweare of the missing GitHub icon in our icon sets. Take this as yet another nudge towards the awesome super-powers of open source, all packed into one small icon.
1.0.2

.icon-dropbox

.icon-facebook

.icon-github

.icon-google-plus

.icon-linkedin

.icon-rss

.icon-share

.icon-star1

.icon-star2

.icon-star3

.icon-twitter

.icon-youtube

What’s new since v1.0.1

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • While preaching about collaboration and open source and asking developers to come to our GitHub repository to check out what we have done we were blissfully unaweare of the missing GitHub icon in our icon sets. Take this as yet another nudge towards the awesome super-powers of open source, all packed into one small icon.
1.0.3

.icon-dropbox

.icon-facebook

.icon-github

.icon-google-plus

.icon-linkedin

.icon-rss

.icon-share

.icon-star1

.icon-star2

.icon-star3

.icon-twitter

.icon-youtube

What’s new since v1.0.2

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.1

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • While preaching about collaboration and open source and asking developers to come to our GitHub repository to check out what we have done we were blissfully unaweare of the missing GitHub icon in our icon sets. Take this as yet another nudge towards the awesome super-powers of open source, all packed into one small icon.
2.0.0

.icon-dropbox

.icon-facebook

.icon-github

.icon-google-plus

.icon-linkedin

.icon-rss

.icon-share

.icon-star1

.icon-star2

.icon-star3

.icon-twitter

.icon-youtube

What’s new since v1.0.3

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.2

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.1

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • While preaching about collaboration and open source and asking developers to come to our GitHub repository to check out what we have done we were blissfully unaweare of the missing GitHub icon in our icon sets. Take this as yet another nudge towards the awesome super-powers of open source, all packed into one small icon.

Icons-Group 13

1.0.0

.icon-add-a

.icon-add-b

.icon-backspace

.icon-close

.icon-delete

.icon-filter

.icon-pause

.icon-play

.icon-remove

1.0.1

.icon-add-a

.icon-add-b

.icon-backspace

.icon-close

.icon-delete

.icon-filter

.icon-pause

.icon-play

.icon-remove

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-add-a

.icon-add-b

.icon-backspace

.icon-close

.icon-delete

.icon-filter

.icon-pause

.icon-play

.icon-remove

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-add-a

.icon-add-b

.icon-backspace

.icon-close

.icon-delete

.icon-filter

.icon-pause

.icon-play

.icon-remove

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 14

1.0.0

.icon-download

.icon-new-window

.icon-refresh

.icon-search

.icon-upload

.icon-write

1.0.1

.icon-download

.icon-new-window

.icon-refresh

.icon-search

.icon-upload

.icon-write

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-download

.icon-new-window

.icon-refresh

.icon-search

.icon-upload

.icon-write

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-download

.icon-new-window

.icon-refresh

.icon-search

.icon-upload

.icon-write

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 15

1.0.0

.icon-book

.icon-compass

.icon-cross

.icon-cube

.icon-global

.icon-idea

.icon-key

.icon-more

.icon-umbrella

.icon-wallet

1.0.1

.icon-book

.icon-compass

.icon-cross

.icon-cube

.icon-global

.icon-idea

.icon-key

.icon-more

.icon-umbrella

.icon-wallet

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-book

.icon-compass

.icon-cross

.icon-cube

.icon-global

.icon-idea

.icon-key

.icon-more

.icon-umbrella

.icon-wallet

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-book

.icon-compass

.icon-cross

.icon-cube

.icon-global

.icon-idea

.icon-key

.icon-more

.icon-umbrella

.icon-wallet

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 16

1.0.0

.icon-alert

.icon-help

.icon-info

1.0.1

.icon-alert

.icon-help

.icon-info

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
1.0.2

.icon-alert

.icon-help

.icon-info

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.0

.icon-alert

.icon-help

.icon-info

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157
2.0.1

.icon-alert

.icon-help

.icon-info

What’s new since v2.0.0

This version changed: CSS/LESS but not: HTML, JS
  • It’s with great regret that we announce the removal of the sad face icon and it’s good friends happy and indifferent. Due to circumstances beyond our control we’ve been asked to delete our emoji friends from the GUI. Please spare a thought for these brave little characters. They brought sentiment, humanity and honesty to our interfaces and customers. (#211)

What’s new since v1.0.2

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.1

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198

What’s new since v1.0.0

This version changed: CSS/LESS, but not: HTML JS
  • BIG BOM brand change. All new colours, all new look, all new GUI. Brace yourselfs. #157

Icons-Group 17

1.0.0

.icon-bank

.icon-key-hole

1.0.1

.icon-bank

.icon-key-hole

What’s new since v1.0.0

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198
2.0.0

.icon-bank

.icon-key-hole

What’s new since v1.0.1

This version changed: SVG but not: CSS/LESS, HTML, JS
  • All SVGs now come with a unique title ID. That may not sound like much but SVGs are very particular about their individualism. #204

What’s new since v1.0.0

This version changed: SVG, but not: CSS/LESS, HTML JS
  • All icons now display in the muted colour by default and fallback to text color in IE8. #198