Iconography Guide
Deprecated
This guide is out of date. For an up to date version, please click here.
In this guide, you will find information about Sherpa's iconography, the logic behind which icons we display and when, as well as access to the icon files themselves. You can use this guide to help you replicate some of Sherpa's look and feel when building your own custom solution using the API.
In the Sherpa web app solution, icons are selected depending on the category
of the procedure or restriction being displayed. Below is a table showing the possible category
values for procedures or restrictions and which icon is used alongside each.
For more information on procedures/restrictions and their attributes, see the Trips Endpoint Response Reference.
The entire icon pack can be downloaded from here.
Type | Category value | File name | Icon |
---|---|---|---|
PROCEDURE | HEALTH_ASSESSMENT | health_assessment_24px.svg | |
PROCEDURE | DOC_REQUIRED | health_declaration_24px.svg | |
PROCEDURE | NO_DOC_REQUIRED | icon-no-health-declaration.svg | |
PROCEDURE | QUARANTINE | home_24px.svg | |
PROCEDURE | NO_QUARANTINE | icon-no-quarantine.svg | |
PROCEDURE | PPE | mask_24px.svg | |
PROCEDURE | COVID_19_TEST | covid19_24px.svg | |
PROCEDURE | NO_COVID_19_TEST | icon-no-covid.svg | |
PROCEDURE | HEALTH_MEASURES | local_hospital_24px.svg | |
PROCEDURE | SANITIZATION | sanitization_24px.svg | |
PROCEDURE | RE_ENTRY_PERMIT | permit_24px.svg | |
PROCEDURE | VISA | visa_req_24px.svg | |
PROCEDURE | NO_VISA | icon-no-visa-requirements.svg | |
PROCEDURE | HEALTH_INSURANCE | health-insurance.svg | |
PROCEDURE | TRAVEL_INSURANCE | travel-insurance.svg | |
RESTRICTION | NO_RESTRICTION | circle-check.svg | |
RESTRICTION | ENTRY | circle-check.svg | |
RESTRICTION | NO_ENTRY | circle-stop.svg | |
RESTRICTION | NO_EXIT | circle-stop.svg | |
RESTRICTION | RESTRICTION | circle-warning.svg | |
RESTRICTION | RESTRICTED_ENTRY | circle-warning.svg | |
RESTRICTION | RESTRICTED_EXIT | circle-warning.svg | |
RESTRICTION | ENTRY_RESTRICTION | circle-warning.svg | |
RESTRICTION | LOCAL_RESTRICTIONS | health_assessment_24px.svg |
Updated over 1 year ago