Icons
Arrows & form icons
<div class="icon icon--arrow-right"></div><div class="icon icon--arrow-right-cta"></div><div class="icon icon--arrow-right-green"></div><div class="icon icon--arrow-right-white"></div><div class="icon icon--arrow-right-lightgreen"></div><div class="icon icon--arrow-right-small-white"></div><div class="icon icon--arrow-left"></div><div class="icon icon--arrow-left-cta"></div><div class="icon icon--arrow-left-green"></div><div class="icon icon--arrow-left-white"></div><div class="icon icon--arrow-left-medium-green"></div><div class="icon icon--arrow-right-medium-green"></div><div class="icon icon--arrow-up"></div><div class="icon icon--arrow-up-cta"></div><div class="icon icon--arrow-up-green"></div><div class="icon icon--arrow-up-white"></div><div class="icon icon--arrow-down"></div><div class="icon icon--arrow-down-cta"></div><div class="icon icon--arrow-down-green"></div><div class="icon icon--arrow-down-white"></div>Carons
<div class="icon icon--caron-right"></div><div class="icon icon--caron-right-cta"></div><div class="icon icon--caron-right-green"></div><div class="icon icon--caron-right-white"></div><div class="icon icon--caron-left"></div><div class="icon icon--caron-left-cta"></div><div class="icon icon--caron-left-green"></div><div class="icon icon--caron-left-white"></div><div class="icon icon--caron-up"></div><div class="icon icon--caron-up-cta"></div><div class="icon icon--caron-up-green"></div><div class="icon icon--caron-up-white"></div><div class="icon icon--caron-down"></div><div class="icon icon--caron-down-cta"></div><div class="icon icon--caron-down-green"></div><div class="icon icon--caron-down-white"></div>Other system icons
<div class="icon icon--doctor"></div><div class="icon icon--doctor-gray"></div><div class="icon icon--patient"></div><div class="icon icon--patient-gray"></div><div class="icon icon--camera"></div><div class="icon icon--camera-gray"></div><div class="icon icon--magnify"></div><div class="icon icon--magnify-gray"></div><div class="icon icon--graph"></div><div class="icon icon--graph-gray"></div><div class="icon icon--telescope"></div><div class="icon icon--telescope-green"></div><div class="icon icon--magnifying-glass"></div><div class="icon icon--help-question"></div><div class="icon icon--lock"></div><div class="icon icon--lock-gray"></div><div class="icon icon--hidden"></div><div class="icon icon--hidden-gray"></div><div class="icon icon--alert"></div><div class="icon icon--alert-white"></div><div class="icon icon--help-answer"></div><div class="icon icon--help-answer-green"></div><div class="icon icon--calendar"></div><div class="icon icon--calendar-white"></div><div class="icon icon--graduate"></div><div class="icon icon--microphone"></div><div class="icon icon--play"></div><div class="icon icon--mail"></div><div class="icon icon--mail-white"></div><div class="icon icon--phone"></div><div class="icon icon--phone-white"></div><div class="icon icon--circle-link"></div><div class="icon icon--skype"></div><div class="icon icon--skype-white"></div><div class="icon icon--linkedin"></div><div class="icon icon--linkedin-green"></div><div class="icon icon--linkedin-green-white"></div><div class="icon icon--facebook"></div><div class="icon icon--instagram"></div><div class="icon icon--instagram-green"></div><div class="icon icon--instagram-green-white"></div><div class="icon icon--youtube"></div><div class="icon icon--youtube-green"></div><div class="icon icon--youtube-green-white"></div><div class="icon icon--website"></div><div class="icon icon--link-green"></div><div class="icon icon--link-purple"></div><div class="icon icon--basket"></div><div class="icon icon--basket-green"></div><div class="icon icon--basket-thick-green"></div><div class="icon icon--basket-purple"></div><div class="icon icon--doc"></div><div class="icon icon--pdf"></div><div class="icon icon--pdf-white"></div><div class="icon icon--pdf-green"></div><div class="icon icon--xls"></div><div class="icon icon--ppt"></div><div class="icon icon--zip"></div><div class="icon icon--close"></div><div class="icon icon--close-green"></div><div class="icon icon--close-white"></div><div class="icon icon--download"></div><div class="icon icon--download-purple"></div><div class="icon icon--share"></div><div class="icon icon--print"></div><div class="icon icon--print-white"></div><div class="icon icon--print-circle"></div><div class="icon icon--print-circle-white"></div><div class="icon icon--search-gray"></div><div class="icon icon--search-white"></div><div class="icon icon--international-dark"></div><div class="icon icon--international-gray"></div><div class="icon icon--international-thin-gray"></div><div class="icon icon--password"></div>Content icons
<div class="icon icon--c icon--employees"></div><div class="icon icon--c icon--employees-purple"></div><div class="icon icon--c icon--patients"></div><div class="icon icon--c icon--patients-purple"></div><div class="icon icon--c icon--water"></div><div class="icon icon--c icon--water-purple"></div><div class="icon icon--c icon--vertical-integration"></div><div class="icon icon--c icon--vertical-integration-purple"></div><div class="icon icon--c icon--transport"></div><div class="icon icon--c icon--transport-purple"></div><div class="icon icon--c icon--sales"></div><div class="icon icon--c icon--sales-purple"></div><div class="icon icon--c icon--thp"></div><div class="icon icon--c icon--thp-purple"></div><div class="icon icon--c icon--price"></div><div class="icon icon--c icon--price-purple"></div><div class="icon icon--c icon--products"></div><div class="icon icon--c icon--products-purple"></div><div class="icon icon--c icon--registration"></div><div class="icon icon--c icon--registration-purple"></div><div class="icon icon--c icon--research"></div><div class="icon icon--c icon--research-purple"></div><div class="icon icon--c icon--patented-innovations"></div><div class="icon icon--c icon--patented-innovations-purple"></div><div class="icon icon--c icon--pain"></div><div class="icon icon--c icon--pain-purple"></div><div class="icon icon--c icon--nervous-system"></div><div class="icon icon--c icon--nervous-system-purple"></div><div class="icon icon--c icon--intestines"></div><div class="icon icon--c icon--intestines-purple"></div><div class="icon icon--c icon--international"></div><div class="icon icon--c icon--international-purple"></div><div class="icon icon--c icon--infection"></div><div class="icon icon--c icon--infection-purple"></div><div class="icon icon--c icon--generic-medicine"></div><div class="icon icon--c icon--generic-medicine-purple"></div><div class="icon icon--c icon--energy"></div><div class="icon icon--c icon--energy-purple"></div><div class="icon icon--c icon--innovation"></div><div class="icon icon--c icon--innovation-purple"></div><div class="icon icon--c icon--eco"></div><div class="icon icon--c icon--eco-purple"></div><div class="icon icon--c icon--certificate"></div><div class="icon icon--c icon--certificate-purple"></div><div class="icon icon--c icon--cardiovascular"></div><div class="icon icon--c icon--cardiovascular-purple"></div><div class="icon icon--c icon--b2b"></div><div class="icon icon--c icon--b2b-purple"></div><div class="icon icon--c icon--business-people"></div><div class="icon icon--c icon--business-people-purple"></div><div class="icon icon--c icon--authorisation"></div><div class="icon icon--c icon--authorisation-purple"></div><div class="icon icon--c icon--analysis"></div><div class="icon icon--c icon--analysis-purple"></div>Icons in circle
Add class .icon--rounded-green or .icon--rounded-purple to icon
<div class="icon icon--c icon--employees icon--rounded-green"></div><div class="icon icon--c icon--employees icon--rounded-purple"></div>On this page