Brand
Brand identity elements
Atoms
Atoms
Molecules
Molecules
Organism
Organism

Images

Icons

Functional icons should be used for small resolutions, as they have been especially designed to facilitate the navigation

The Complete list is visible on GitHub.

npm install @axa-ch/materials
import { svg } from 'lit-html';
import {
ArrowRightSvg
} from '@axa-ch/materials/icons';
...
<span>${svg(ArrowRightSvg)}</span>

Images

Illustrative icons should be used for medium and large resolutions

Health

Life & Savings

P&C

People

Productivity

Help & Contact

Any question?