UIFoundations
Didactika theme v0.1Icons
Icons come from Moodle by id, so each version draws them with its own font. One meaning per icon, one icon per meaning.
A plugin never writes a Font Awesome class. It asks Moodle for an icon by its id (t/edit, i/reload), with {{#pix}}t/edit, core{{/pix}} in a template or $OUTPUT->pix_icon('t/edit', ...) in PHP, and React code uses the same ids. Moodle maps each id to an icon of its Font Awesome, and a theme can map it to another.
One meaning per icon
| Meaning | Icon | Moodle id | Use |
|---|---|---|---|
| Edit, or open an item that can still change | t/edit |
Profiles, migrations in review | |
| Open the details of an item that cannot change any more | i/info |
Completed migrations | |
| Show or hide, enable or disable | t/hide, t/show |
Enable a profile. Never “view” | |
| Delete | t/delete |
Always danger, always confirmed | |
| Version history | i/log |
Profiles | |
| Create | t/add |
New profile, New migration | |
| Import, export | i/import, i/export |
Profiles | |
| Search | a/search |
The search field, as a decoration inside it | |
| Filters | i/filter |
The Filters button | |
| Reset | i/reload |
The reset of a filter panel, as an icon without text | |
| Previous, next | i/previous, i/next |
Pager arrows | |
| Calendar | i/calendar |
Date fields, as a decoration | |
| Clear, close | e/cancel |
Clear a field, close a bar |
Every icon
The grid reads Moodle’s own icon map for the selected version. Click an icon to copy its id.