Course Elements — Icon Reference

This page lists all course elements with their icons and the MkDocs syntax for use in the OpenOLAT manual.

Usage: Insert an icon into a manual page using MkDocs syntax, e.g.:

:fontawesome-solid-cubes: Structure

Sources: CourseNodeConfiguration.getIconCSSClass() + _icons.scss · As of: 2026-06-08
Font Awesome: 6.5.2 · MkDocs Extension: pymdownx.emoji with materialx.emoji.to_svg

Content

Name DE	Name EN	Alias	CSS Class	MkDocs Syntax
Ablageordner	Folder	`bc`	`o_bc_icon`	`:fontawesome-regular-folder-open:`
Blog	Blog	`blog`	`o_blog_icon`	`:fontawesome-solid-bullhorn:`
Dokument	Document	`document`	`o_filetype_file`	`:fontawesome-regular-file:`
Externe Seite	External Page	`tu`	`o_tu_icon`	`:fontawesome-solid-arrow-up-right-from-square:`
HTML-Seite	HTML Page	`sp`	`o_sp_icon`	`:fontawesome-regular-file-lines:`
Inhaltsseite (Seite)	Page	`cepage`	`o_page_icon`	`:fontawesome-solid-file-lines:`
CP-Lerninhalt	CP Learning Content	`cp`	`o_cp_icon`	`:fontawesome-solid-box-archive:`
Linkliste	Link List	`ll`	`o_ll_icon`	`:fontawesome-solid-link:`
Podcast	Podcast	`podcast`	`o_podcast_icon`	`:fontawesome-solid-podcast:`
SCORM 1.2	SCORM 1.2	`scorm`	`o_scorm_icon`	`:fontawesome-solid-box-archive:`
Struktur	Structure	`st`	`o_st_icon`	`:fontawesome-solid-cubes:`
Video	Video	`video`	`o_icon_video`	`:fontawesome-solid-film:`
Video Livestream	Video Live Stream	`livestream`	`o_livestream_icon`	`:fontawesome-solid-video:`
Wiki	Wiki	`wiki`	`o_wiki_icon`	`:fontawesome-solid-globe:`

Collaboration

Icon	Name DE	Name EN	Alias	CSS Class	MkDocs Syntax
(compound)	Dateidiskussion	File Dialog	`dialog`	`o_dialog_icon`	⚠ Compound — see below
	E-Mail	E-Mail	`co`	`o_co_icon`	`:fontawesome-regular-envelope:`
	Forum	Forum	`fo`	`o_fo_icon`	`:fontawesome-regular-comments:`
	Mitteilungen	Notifications	`info`	`o_infomsg_icon`	`:fontawesome-solid-circle-info:`
	Teilnehmerliste	Participant List	`cmembers`	`o_cmembers_icon`	`:fontawesome-solid-users:`

Assessment & Tasks

Icon	Name DE	Name EN	Alias	CSS Class	MkDocs Syntax
	Aufgabe	Task	`ita`	`o_gta_icon`	`:fontawesome-solid-list-check:`
	Gruppenaufgabe	Group Task	`gta`	`o_gta_icon`	`:fontawesome-solid-list-check:`
	Bewertung	Assessment	`ms`	`o_ms_icon`	`:fontawesome-regular-thumbs-up:`
	Checkliste	Checklist	`checklist`	`o_cl_icon`	`:fontawesome-regular-square-check:`
	Portfolioaufgabe	Portfolio Task	`ep`	`o_ep_icon`	`:fontawesome-solid-briefcase:`
	Formular	Form	`form`	`o_icon_form`	`:fontawesome-regular-clipboard:`
	Selbsttest	Self-Test	`iqself`	`o_iqself_icon`	`:fontawesome-solid-square-pen:`
	Test / Prüfung	Test	`iqtest`	`o_iqtest_icon`	`:fontawesome-solid-square-pen:`
	Übung	Practice	`practice`	`o_practice_icon`	`:fontawesome-regular-futbol:`
	Umfrage	Survey	`survey`	`o_survey_icon`	`:fontawesome-solid-sliders:`
(compound)	Videoaufgabe	Video Task	`videotask`	`o_icon_videotask`	⚠ Compound — see below

Administration & Organization

Name DE	Name EN	Alias	CSS Class	MkDocs Syntax
Einschreibung	Enrolment	`en`	`o_en_icon`	`:fontawesome-solid-right-to-bracket:`
Kalender	Calendar	`cal`	`o_cal_icon`	`:fontawesome-regular-calendar-days:`
Teilnehmerordner	Participant Folder	`pf`	`o_pf_icon`	`:fontawesome-solid-inbox:`
Terminplanung	Appointment Scheduling	`appointments`	`o_appointment_icon`	`:fontawesome-regular-calendar-check:`
Terminvergabe	Assignment of Dates	`den`	`o_den_icon`	`:fontawesome-regular-calendar:`
Themenbörse	Topic Broker	`topicbroker`	`o_icon_topicbroker`	`:fontawesome-solid-clipboard-list:`
Themenvergabe (alt)	Topic Assignment	`projectbroker`	`o_projectbroker_icon`	`:fontawesome-regular-circle:`
Auswahl	Selection	`cns`	`o_icon_cns`	`:fontawesome-solid-arrows-turn-right:` + `transform: scaleY(-1)`
LTI-Seite	LTI Page	`lti`	`o_lti_icon`	`:fontawesome-solid-up-right-from-square:`

Other

Virtual Classroom

Name DE	Name EN	Alias	CSS Class	MkDocs Syntax
BigBlueButton	BigBlueButton	`bigbluebutton`	`o_vc_icon`	`:fontawesome-solid-tv:`
Zoom	Zoom	`zoom`	`o_vc_icon`	`:fontawesome-solid-tv:`
Microsoft Teams	Microsoft Teams	`msteams`	`o_vc_icon`	`:fontawesome-solid-tv:`
vitero	vitero	`vitero`	`o_vitero_icon`	`:fontawesome-solid-tv:`
Adobe Connect	Adobe Connect	`adobeconnect`	`o_vc_icon`	`:fontawesome-solid-tv:`
GoToMeeting	GoToMeeting	`gotomeeting`	`o_gotomeeting_icon`	`:fontawesome-solid-tv:`
OpenMeetings	OpenMeetings	`openmeetings`	`o_openmeetings_icon`	`:fontawesome-solid-tv:`

Third-party Integrations

Note: These icons use the proprietary OpenOLAT font (woff2, Private Use Area). There is currently no direct MkDocs syntax available — a custom solution is required (e.g. embedded SVG or PNG).

Name DE	Name EN	Alias	CSS Class	OO Font Codepoint
card2brain Lernkarten	card2brain Flashcards	`card2brain`	`o_card2brain_icon`	`U+E800`
edu-sharing	edu-sharing	`edusharing`	`o_edusharing_icon`	`U+E803`
Edubase	Edubase	`edubase`	`o_edubase_icon`	`U+E885`
JupyterHub	JupyterHub	`jupyterHub`	`o_jupyter_icon`	`U+E903`
MediaSite	MediaSite	`mediaSite`	`o_mediasite_icon`	`U+E902`
Opencast	Opencast	`opencast`	`o_opencast_icon`	`U+E804`

Special Cases

Compound Icons

These icons consist of two overlapping FA icons. Direct rendering in MkDocs is not possible — alternatives: use a PNG file or embed an SVG.

Name DE	Base Icon	Overlay Icon	HTML (OO internal)
Dateidiskussion	`far fa-file`	`fas fa-comment`	`<span class="compound"><i class="far fa-file"></i><span class="over"><i class="fas fa-comment"></i></span></span>`
Videoaufgabe	`fas fa-circle`	`fas fa-video`	`<span class="compound"><i class="fas fa-circle"></i><span class="over"><i class="fas fa-video"></i></span></span>`

Transform Icons

Name DE	CSS Class	MkDocs Syntax	Transform
Auswahl	`o_icon_cns`	`:fontawesome-solid-arrows-turn-right:`	`transform: scaleY(-1)` — mirroring required