Skip to main content
PISAVA
VELIKOST
- 0 +
VELIKE/MALE
STIL

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>
Skip to menu