Icons by app area

This page is a guided tour through the Sylva Enterprise UI. Each section corresponds to a route or major UI region (course chrome, dashboard, editor, results, dialogs, …) and lists the icons referenced in the relevant components. The list is built by scanning .vue and .js files in each area for <q-icon name="...">, icon="...", and icon: '...' patterns; dynamic ternaries like :icon="cond ? 'a' : 'b'" are also picked up.

Type is one of:

• App (sprite) - a registered app:NAME key that resolves to a <symbol> in public/icons.svg.
• App (svg) - a registered app:NAME key that resolves to a standalone SVG file under src/assets/icons/.
• Material - a Google Material Icons name. app: keys that alias a Material name are labelled “Material (via app:foo)”.
• App (unknown) - a app: key referenced in source but missing from icons.js (red flag - likely a typo or a removed icon).

Brand assets (logos) are tracked separately on Brand assets - they are mostly background images rather than <q-icon> references, so they don’t appear in the per-area scans.

The page is regenerated by npm run sync:icons; do not edit by hand.

App chrome (always visible)

Global navigation, layouts, and the user/account settings reachable from anywhere in the app.

Main menu

Icon	Name	Type
	app:activity	App (sprite)
	app:chat	App (sprite)
	app:dashboard	App (sprite)
	app:editor	App (sprite)
	app:home	App (sprite)
	app:people	App (sprite)
	app:results	App (sprite)

Sub menu

No icon references found in 14 file(s).

Layouts (header, banners, breakpoints)

Icon	Name	Type
	app:back	App (svg)

Global settings button

Icon	Name	Type
settings	settings	Material

User settings dialog (account)

Icon	Name	Type
	app:arrow-right	App (sprite)
	app:pen	App (sprite)
info	info	Material

Dashboard (home)

The landing page after login at /.

Dashboard page

Icon	Name	Type
add_circle	add_circle	Material
	app:calendar	App (svg)
	app:sortingAsc	App (svg)
	app:time	App (svg)
archive	archive	Material
insights	insights	Material
play_circle	play_circle	Material
search	search	Material

Course Manager - Dashboard

/manage/:projectId/dashboard - per-project overview of activity, results, modules, participants.

Course dashboard widgets

Icon	Name	Type
	app:right-arrow	App (svg)

Course Manager - Editor

/manage/:projectId/editor/... and /manage/:projectId/editor/flow - the authoring surface.

Editor canvas

Icon	Name	Type
add	add	Material
	app:assets	App (sprite)
	app:card	App (sprite)
	app:chapter	App (sprite)
	app:check-group	App (sprite)
	app:column	App (sprite)
	app:export	App (sprite)
	app:game-shapes	App (sprite)
	app:header	App (sprite)
	app:join-right	App (sprite)
	app:poll	App (sprite)
	app:preview	App (sprite)
	app:section	App (sprite)
	app:send-group	App (sprite)
	app:slide	App (sprite)
close	close	Material
content_copy	content_copy	Material
	course-player:module-intro-graphic	App (svg)
delete	delete	Material
delete_forever	delete_forever	Material
drag_indicator	drag_indicator	Material
edit	edit	Material
link	link	Material
o_copy	o_copy	Material
o_create_new_folder	o_create_new_folder	Material
o_get_app	o_get_app	Material
o_timer	o_timer	Material
o_view_agenda	o_view_agenda	Material
restore	restore	Material
star	star	Material
sync	sync	Material
warning	warning	Material

Flow view

Icon	Name	Type
	app:assets	App (sprite)
	app:certificate	App (sprite)
	app:start	App (sprite)
delete	delete	Material
done	done	Material
drag_indicator	drag_indicator	Material
error	error	Material
groups	groups	Material
info	info	Material
o_create_new_folder	o_create_new_folder	Material
settings	settings	Material

Right menu - Editor toolbar

Icon	Name	Type
add	add	Material
	app:accentCard	App (sprite)
	app:align-after	App (sprite)
	app:align-before	App (sprite)
	app:card	App (sprite)
	app:formula-fx	App (sprite)
	app:preview	App (sprite)
	app:publish	App (sprite)
	app:slider-half	App (sprite)
	app:slider-random	App (sprite)
	app:slider-zero	App (sprite)
	app:titleCard	App (sprite)
bolt	bolt	Material
help_outline	help_outline	Material
link	link	Material
o_cancel	o_cancel	Material
replay	replay	Material
settings	settings	Material

Toolbar option types (per content item)

Icon	Name	Type
add	add	Material
	app:accentCard	App (sprite)
	app:align-after	App (sprite)
	app:align-before	App (sprite)
	app:card	App (sprite)
	app:formula-fx	App (sprite)
	app:slider-half	App (sprite)
	app:slider-random	App (sprite)
	app:slider-zero	App (sprite)
	app:titleCard	App (sprite)
bolt	bolt	Material
help_outline	help_outline	Material
link	link	Material
o_cancel	o_cancel	Material
settings	settings	Material

Right menu - Flow

Icon	Name	Type
	app:preview	App (sprite)

Editor settings & content dialogs (popups)

Icon	Name	Type
?	app:magic-wand	App (unknown)
attach_file	attach_file	Material
check_circle	check_circle	Material
clear	clear	Material
close	close	Material
content_copy	content_copy	Material
delete	delete	Material
drag_indicator	drag_indicator	Material
edit	edit	Material
event	event	Material
folder	folder	Material
send	send	Material

Course Manager - Results

/manage/:projectId/results and per-module drill-down.

Results overview & wrappers

Icon	Name	Type
access_time	access_time	Material
	app:publish	App (sprite)
arrow_back_ios	arrow_back_ios	Material
arrow_forward_ios	arrow_forward_ios	Material
circle	circle	Material
difference	difference	Material
download	download	Material
edit	edit	Material
insights	insights	Material
o_groups	o_groups	Material
o_help	o_help	Material
o_insert_chart	o_insert_chart	Material
o_quiz	o_quiz	Material
o_reviews	o_reviews	Material
o_text_fields	o_text_fields	Material
restore	restore	Material
save	save	Material
settings	settings	Material
warning	warning	Material

Right menu - Results

Icon	Name	Type
	app:corner-export	App (sprite)

Course Manager - Activity

/manage/:projectId/activity - timeline + per-module activity.

Activity

No icon references found in 2 file(s).

Course Manager - People

/manage/:projectId/people - participant management.

People

Icon	Name	Type
access_time	access_time	Material
	app:people-add	App (sprite)
event	event	Material
info	info	Material
schedule	schedule	Material
upload	upload	Material

Right menu - People (person info, invite)

Icon	Name	Type
	app:bell	App (sprite)
	app:corner-export	App (sprite)
	app:corner-import	App (sprite)
	app:mail	App (sprite)
	app:people-add	App (sprite)
	app:phone	App (sprite)
business	business	Material
error	error	Material
highlight_off	highlight_off	Material
history	history	Material
link	link	Material
no_accounts	no_accounts	Material
restart_alt	restart_alt	Material

Invite user dialog

No icon references found in 1 file(s).

Course Manager - Chat

/manage/:projectId/chat - direct, group, and announcements.

Chat surfaces

Icon	Name	Type
	app:attachment	App (svg)
	app:send	App (svg)
	app:smiley	App (svg)

Editor preview & course preview

/preview/:projectId/... and /course-preview/:projectId/....

Editor preview

No icon references found in 2 file(s).

Right menu - Preview

Icon	Name	Type
	app:preview	App (sprite)

Course preview chrome

Icon	Name	Type
	app:preview	App (sprite)
fullscreen	fullscreen	Material
preview	preview	Material
settings	settings	Material

Administration - People

/administration/people - org-wide users.

Org People

Icon	Name	Type
access_time	access_time	Material
	app:people-add	App (sprite)
download	download	Material
event	event	Material
info	info	Material
schedule	schedule	Material

Administration - Projects

/administration/courses - all projects in the org.

Org Projects list

No icon references found in 1 file(s).

Create / outline / stepper dialogs

Icon	Name	Type
add	add	Material
	app:unit	App (sprite)
event	event	Material
settings	settings	Material

Administration - Data Bins

/administration/databins.

Data Bins

Icon	Name	Type
add	add	Material
close	close	Material
code	code	Material
delete	delete	Material
inventory_2	inventory_2	Material
play_arrow	play_arrow	Material
save	save	Material
settings	settings	Material
stop	stop	Material
visibility	visibility	Material

Administration - Analytics

/administration/analytics - dashboards & analytics editor.

Analytics list & dashboards

Icon	Name	Type
add	add	Material
	app:assets	App (sprite)
	app:export	App (sprite)
	app:slide	App (sprite)
arrow_back_ios	arrow_back_ios	Material
close	close	Material
delete	delete	Material
delete_outline	delete_outline	Material
download	download	Material
keyboard_arrow_down	keyboard_arrow_down	Material
keyboard_arrow_up	keyboard_arrow_up	Material
link	link	Material
view_agenda	view_agenda	Material

Right menu - Analytics editor

No icon references found in 1 file(s).

Administration - Settings

/administration/settings - org-wide preferences.

Settings tabs (styles, modules, colors)

Icon	Name	Type
brightness_medium	brightness_medium	Material
palette	palette	Material
save	save	Material
settings	settings	Material

Right menu - Org Settings

No icon references found in 1 file(s).

Course player (student view)

What a course taker sees at /p/:projectId/....

Cards

Icon	Name	Type
	app:award	App (svg)
	app:check-list	App (svg)
	app:comment	App (sprite)
	app:done	App (sprite)
	app:forward-arrow	App (sprite)
	app:layout	App (svg)
	app:lock	App (sprite)
	app:party	App (sprite)
	app:progress	App (svg)
	app:signature	App (svg)
	app:star	App (svg)
	app:timer	App (sprite)
	app:unlock	App (svg)
	app:waiting	App (svg)
certificate	certificate	Material
clipboard	clipboard	Material
edit	edit	Material
notes	notes	Material
o_help	o_help	Material
o_timer	o_timer	Material
star	star	Material
timer	timer	Material
warning_amber	warning_amber	Material
web-design	web-design	Material

Module players

Icon	Name	Type
	app:poll	App (sprite)
chevron_left	chevron_left	Material
chevron_right	chevron_right	Material
close	close	Material
eva-browser-outline	eva-browser-outline	Material
fullscreen	fullscreen	Material
groups	groups	Material
mail	mail	Material
new_releases	new_releases	Material
pause	pause	Material
play_arrow	play_arrow	Material
qr_code_2	qr_code_2	Material
text_decrease	text_decrease	Material
text_increase	text_increase	Material
timer	timer	Material

Module list

Icon	Name	Type
certificate	certificate	Material