Source: Styles.scss, line 82
ATTN: Do NOT use this markup
As the icons are used in link & button context only, the markup & displayed icon sizes are for documentation purposes. Sizes must be defined in links and buttons.
An icon always must be wrapped in <span class="icon"></span>. The parent element must have
the desired target class. Please note the ARIA property.
Source: _1-atoms/__icons.scss, line 17
Arrow left
Arrow right
Double angle left
Double angle right
Angle left
Angle right
Angle up
Angle down
Arrow expand
<div class="{{modifier_class}}">
<span class="icon" aria-hidden="true"></span>
</div>
Source: _1-atoms/__icons.scss, line 33
Check
E-Mail (Outline)
Calendar
Phone (Square)
Home
Globe
Cutlery
Map Marker
Download
External Link
Book
Bar Chart (Outline)
Briefcase
Users
Graduation Cap
Service Portal
Uni-Mail
Campus Weather
<div class="{{modifier_class}}">
<span class="icon" aria-hidden="true"></span>
</div>
Source: _1-atoms/__icons.scss, line 59
Search
Cross / close button
Adjust / contrast button
Hamburger / mobile menu button
Language / language switch button
<div class="{{modifier_class}}">
<span class="icon" aria-hidden="true"></span>
</div>
Source: _1-atoms/__icons.scss, line 71
Twitter (Square)
Facebook (Square)
YouTube
<div class="{{modifier_class}}">
<span class="icon" aria-hidden="true"></span>
</div>