Illustrations
Recommended use
Use the color variant when the illustration is the ‘centerpiece’ of the page, e.g. a fullscreen 404 error page. Use the neutral variant when the illustration is a supportive element, that shouldn’t call too much attention to itself, e.g. an empty state on a search page.
| Color SVG | Neutral SVG | Color URL | Neutral URL | Name | Usage |
|---|---|---|---|---|---|
| Color URL | Neutral URL | account-group | Group, Collaboration | ||
| Color URL | Neutral URL | account-supervisor-circle | Audience | ||
| Color URL | Neutral URL | alert | Warning | ||
| Color URL | Neutral URL | alert-circle | Error, Bad request | ||
| Color URL | Neutral URL | badge-account | Guest profile | ||
| Color URL | Neutral URL | cactus | No content (yet) | ||
| Color URL | Neutral URL | chart-areaspline | Analytics, Stats | ||
| Color URL | Neutral URL | check-circle | Success | ||
| Color URL | Neutral URL | clock | |||
| Color URL | Neutral URL | cloud-key | Single sign-on | ||
| Color URL | Neutral URL | cloud-lock-open | |||
| Color URL | Neutral URL | comment-account | Interview | ||
| Color URL | Neutral URL | compass | Discovery, Navigation | ||
| Color URL | Neutral URL | connection | Connection | ||
| Color URL | Neutral URL | crane | Maintenance, Construction | ||
| Color URL | Neutral URL | creation | AI | ||
| Color URL | Neutral URL | crown | |||
| Color URL | Neutral URL | directions-fork | Decision | ||
| Color URL | Neutral URL | email-newsletter | |||
| Color URL | Neutral URL | file-upload | Upload | ||
| Color URL | Neutral URL | file-tree | File tree, References | ||
| Color URL | Neutral URL | folder-image | |||
| Color URL | Neutral URL | gesture-tap-button | Interaction | ||
| Color URL | Neutral URL | help-circle | Help | ||
| Color URL | Neutral URL | image-multiple | Media | ||
| Color URL | Neutral URL | inbox | |||
| Color URL | Neutral URL | key-chain | |||
| Color URL | Neutral URL | lifebuoy | Support | ||
| Color URL | Neutral URL | lock | Forbidden, No permission | ||
| Color URL | Neutral URL | magnify-close | No search results | ||
| Color URL | Neutral URL | map-search | Page not found | ||
| Color URL | Neutral URL | palette-advanced | Theme | ||
| Color URL | Neutral URL | party-popper | Success | ||
| Color URL | Neutral URL | pencil-ruler | Design, Modeling | ||
| Color URL | Neutral URL | puzzle | Extension, Plug-in | ||
| Color URL | Neutral URL | quill | Content | ||
| Color URL | Neutral URL | rocket-launch | Launch, Upgrade | ||
| Color URL | Neutral URL | routes | Navigation | ||
| Color URL | Neutral URL | shield-lock | Security | ||
| Color URL | Neutral URL | sign-caution | Under construction | ||
| Color URL | Neutral URL | stepper | Steps | ||
| Color URL | Neutral URL | stop | Unauthorized | ||
| Color URL | Neutral URL | storefront | Marketplace | ||
| Color URL | Neutral URL | test-tube | Experiment | ||
| Color URL | Neutral URL | translate | Translation, Localization | ||
| Color URL | Neutral URL | wrench-clock | Maintenance | ||
| Color URL | Neutral URL | xm-cloud | XM Cloud Deploy |