NEWSLETTER HUB|BRANDHUB

We couldn’t find anything that matched your searched term

  • PAGES

  • COMPONENTS

  • Brand guidelines

  • Insights

Documentation

Foundations

List of AXA available icons to use with the library.

AXA Icon are available as a font file with its linked css. It is included in the Library Build (introduction).
Add files css\axaIconFonts.css and fonts\axa-icon-font.svg/ttf/wof in your project to use the font icons.

If required, don't forget to update the path to the icon fonts in file css\axaIconFonts.css (check urls in part @font-face)
Default icon size is 16px.
Use class .fs-xl to have 24px icons sized
Use class .fs-xxl to have 32px icons sized

icon reference
default size (16px)
xl size (24px)
xxl size (32px)
arrow_dropdown
<i class="icon-arrow_dropdown"></i>
<i class="icon-arrow_dropdown fs-xl"></i>
<i class="icon-arrow_dropdown fs-xxl"></i>
add
<i class="icon-add"></i>
<i class="icon-add fs-xl"></i>
<i class="icon-add fs-xxl"></i>
add
<i class="icon-add"></i>
error_outline
<i class="icon-error_outline"></i>
done
<i class="icon-done"></i>
info
<i class="icon-info"></i>
error
<i class="icon-error"></i>
check_circle
<i class="icon-check_circle"></i>
warning
<i class="icon-warning"></i>
expand_less
<i class="icon-expand_less"></i>
expand_more
<i class="icon-expand_more"></i>
navigate_next
<i class="icon-navigate_next"></i>
navigate_before
<i class="icon-navigate_before"></i>
close
<i class="icon-close"></i>
east
<i class="icon-east"></i>
west
<i class="icon-west"></i>
search
<i class="icon-search"></i>
share
<i class="icon-share"></i>
menu
<i class="icon-menu"></i>
download
<i class="icon-download"></i>
call
<i class="icon-call"></i>
calendar
<i class="icon-calendar"></i>
email
<i class="icon-email"></i>