Icons

Moodle icons are rendered with Font Awesome or as small images

available

Description

Most Moodle icons are rendered using the 6.5.1 versions of Fontawesome. Iconnames are mapped from the Moodle icon name to the Font Awesome icon names in /lib/classes/output/icon_system_fontawesome.php

If needed a theme can override this map and provide its own mapping.

Rendering icons in Mustache Templates

Icons can be rendered in moodle templates using this notation:

{{#pix}} i/edit, core {{/pix}}

Rendering icons in Php

Use the pix_icon method to retreive the HTML for an icon.

<?php 
    $icon = $OUTPUT->pix_icon('i/edit', 'Edit me', 'moodle');
 ?>

Options:

Stacking Font Awesome icons

<span class="fa-stack fa-lg">
  <i class="fa-solid fa-comment fa-stack-2x"></i>
  <i class="fa-solid fa-thumbs-up fa-stack-1x fa-inverse"></i>
</span>

<span class="fa-stack fa-2x">
    <i class="fa-solid fa-camera fa-stack-1x"></i>
    <i class="fa-solid fa-ban fa-stack-2x" style="color:Tomato"></i>
</span>

<span class="fa-stack fa-2x">
    <i class="fa-solid fa-square fa-stack-2x"></i>
    <i class="fa-solid fa-terminal fa-stack-1x fa-inverse"></i>
</span>

<span class="fa-stack fa-4x">
    <i class="fa-solid fa-square fa-stack-2x"></i>
    <i class="fa-solid fa-terminal fa-stack-1x fa-inverse"></i>
</span>

List of mapped Font Awesome icons

The top title of each cards displays the name of the icon. The icon shown left is the Font Awesome icons. The icon shown on the right is the old image base icon.

core:docs

fa-info-circle

core:book

fa-book

core:help

fa-question-circle text-info

core:req

fa-exclamation-circle text-danger

core:a/add_file

fa-file-o

core:a/create_folder

fa-folder-o

core:a/download_all

fa-download

core:a/help

fa-question-circle text-info

core:a/logout

fa-sign-out

core:a/refresh

fa-refresh

core:a/search

fa-search

core:a/setting

fa-cog

core:a/view_icon_active

fa-th

core:a/view_list_active

fa-list

core:a/view_tree_active

fa-folder

core:b/bookmark-new

fa-bookmark

core:b/document-edit

fa-pencil

core:b/document-new

fa-file-o

core:b/document-properties

fa-info

core:b/edit-copy

fa-files-o

core:b/edit-delete

fa-trash

core:e/abbr

fa-comment

core:e/absolute

fa-crosshairs

core:e/accessibility_checker

fa-universal-access

core:e/acronym

fa-comment

core:e/advance_hr

fa-arrows-h

core:e/align_center

fa-align-center

core:e/align_left

fa-align-left

core:e/align_right

fa-align-right

core:e/anchor

fa-chain

core:e/backward

fa-undo

core:e/bold

fa-bold

core:e/bullet_list

fa-list-ul

core:e/cancel

fa-times

core:e/cancel_solid_circle

fas fa-times-circle

core:e/cell_props

fa-info

core:e/cite

fa-quote-right

core:e/cleanup_messy_code

fa-eraser

core:e/clear_formatting

fa-i-cursor

core:e/copy

fa-clone

core:e/cut

fa-scissors

core:e/decrease_indent

fa-outdent

core:e/delete_col

fa-minus

core:e/delete_row

fa-minus

core:e/delete

fa-minus

core:e/delete_table

fa-minus

core:e/document_properties

fa-info

core:e/emoticons

fa-smile-o

core:e/find_replace

fa-search-plus

core:e/file-text

fa-file-text

core:e/forward

fa-arrow-right

core:e/fullpage

fa-arrows-alt

core:e/fullscreen

fa-arrows-alt

core:e/help

fa-question-circle

core:e/increase_indent

fa-indent

core:e/insert_col_after

fa-columns

core:e/insert_col_before

fa-columns

core:e/insert_date

fa-calendar

core:e/insert_edit_image

fa-picture-o

core:e/insert_edit_link

fa-link

core:e/insert_edit_video

fa-file-video-o

core:e/insert_file

fa-file

core:e/insert_horizontal_ruler

fa-arrows-h

core:e/insert_nonbreaking_space

fa-square-o

core:e/insert_page_break

fa-level-down

core:e/insert_row_after

fa-plus

core:e/insert_row_before

fa-plus

core:e/insert

fa-plus

core:e/insert_time

fa-clock-o

core:e/italic

fa-italic

core:e/justify

fa-align-justify

core:e/layers_over

fa-level-up

core:e/layers

fa-window-restore

core:e/layers_under

fa-level-down

core:e/left_to_right

fa-chevron-right

core:e/manage_files

fa-files-o

core:e/math

fa-calculator

core:e/merge_cells

fa-compress

core:e/new_document

fa-file-o

core:e/numbered_list

fa-list-ol

core:e/page_break

fa-level-down

core:e/paste

fa-clipboard

core:e/paste_text

fa-clipboard

core:e/paste_word

fa-clipboard

core:e/prevent_autolink

fa-exclamation

core:e/preview

fa-search-plus

core:e/print

fa-print

core:e/question

fa-question

core:e/redo

fa-repeat

core:e/remove_link

fa-chain-broken

core:e/remove_page_break

fa-remove

core:e/resize

fa-expand

core:e/restore_draft

fa-undo

core:e/restore_last_draft

fa-undo

core:e/right_to_left

fa-chevron-left

core:e/row_props

fa-info

core:e/save

fa-floppy-o

core:e/screenreader_helper

fa-braille

core:e/search

fa-search

core:e/select_all

fa-arrows-h

core:e/show_invisible_characters

fa-eye-slash

core:e/source_code

fa-code

core:e/special_character

fa-pencil-square-o

core:e/spellcheck

fa-check

core:e/split_cells

fa-columns

core:e/strikethrough

fa-strikethrough

core:e/styleparagraph

fa-font

core:e/subscript

fa-subscript

core:e/superscript

fa-superscript

core:e/table_props

fa-table

core:e/table

fa-table

core:e/template

fa-sticky-note

core:e/text_color_picker

fa-paint-brush

core:e/text_color

fa-paint-brush

core:e/text_highlight_picker

fa-lightbulb-o

core:e/text_highlight

fa-lightbulb-o

core:e/tick

fa-check

core:e/toggle_blockquote

fa-quote-left

core:e/underline

fa-underline

core:e/undo

fa-undo

core:e/visual_aid

fa-universal-access

core:e/visual_blocks

fa-audio-description

core:i/activities

fa-file-pen

core:i/addblock

fa-plus-square

core:i/assignroles

fa-user-plus

core:i/asterisk

fa-asterisk

core:i/backup

fa-file-zip-o

core:i/badge

fa-shield

core:i/breadcrumbdivider

fa-angle-right

core:i/bullhorn

fa-bullhorn

core:i/calc

fa-calculator

core:i/calendar

fa-calendar

core:i/calendareventdescription

fa-align-left

core:i/calendareventtime

fa-clock-o

core:i/caution

fa-exclamation text-warning

core:i/checked

fa-check

core:i/checkedcircle

fa-check-circle

core:i/checkpermissions

fa-unlock-alt

core:i/cohort

fa-users

core:i/competencies

fa-check-square-o

core:i/completion_self

fa-user-o

core:i/contentbank

fa-paint-brush

core:i/dashboard

fa-tachometer

core:i/categoryevent

fa-cubes

core:i/chartbar

fa-chart-bar

core:i/course

fa-graduation-cap

core:i/courseevent

fa-graduation-cap

core:i/customfield

fa-hand-o-right

core:i/db

fa-database

core:i/delete

fa-trash

core:i/down

fa-arrow-down

core:i/dragdrop

fa-arrows

core:i/duration

fa-clock-o

core:i/emojicategoryactivities

fa-futbol-o

core:i/emojicategoryanimalsnature

fa-leaf

core:i/emojicategoryflags

fa-flag

core:i/emojicategoryfooddrink

fa-cutlery

core:i/emojicategoryobjects

fa-lightbulb-o

core:i/emojicategorypeoplebody

fa-male

core:i/emojicategoryrecent

fa-clock-o

core:i/emojicategorysmileysemotion

fa-smile-o

core:i/emojicategorysymbols

fa-heart

core:i/emojicategorytravelplaces

fa-plane

core:i/edit

fa-pencil

core:i/email

fa-envelope

core:i/empty

fa-fw

core:i/enrolmentsuspended

fa-pause

core:i/enrolusers

fa-user-plus

core:i/excluded

fa-minus-circle

core:i/expired

fa-exclamation text-warning

core:i/export

fa-download

core:i/link

fa-link

core:i/externallink

fa-external-link

core:i/files

fa-file

core:i/filter

fa-filter

core:i/flagged

fa-flag

core:i/folder

fa-folder

core:i/grade_correct

fa-check text-success

core:i/grade_incorrect

fa-remove text-danger

core:i/grade_partiallycorrect

fa-check-square

core:i/grades

fa-table

core:i/grading

fa-magic

core:i/gradingnotifications

fa-bell-o

core:i/groupevent

fa-group

core:i/group

fa-users

core:i/home

fa-home

core:i/hide

fa-eye

core:i/hierarchylock

fa-lock

core:i/import

fa-level-up

core:i/incorrect

fa-exclamation

core:i/info

fa-info

core:i/invalid

fa-times text-danger

core:i/item

fa-circle

core:i/loading

fa-circle-o-notch fa-spin

core:i/loading_small

fa-circle-o-notch fa-spin

core:i/location

fa-map-marker

core:i/lock

fa-lock

core:i/log

fa-list-alt

core:i/mahara_host

fa-id-badge

core:i/manual_item

fa-pencil-square-o

core:i/marked

fa-circle

core:i/marker

fa-circle-o

core:i/mean

fa-calculator

core:i/menu

fa-ellipsis-v

core:i/menubars

fa-bars

core:i/messagecontentaudio

fa-headphones

core:i/messagecontentimage

fa-image

core:i/messagecontentvideo

fa-film

core:i/messagecontentmultimediageneral

fa-file-video-o

core:i/mnethost

fa-external-link

core:i/moodle_host

fa-graduation-cap

core:i/moremenu

fa-ellipsis-h

core:i/move_2d

fa-arrows

core:i/muted

fa-microphone-slash

core:i/navigationitem

fa-fw

core:i/ne_red_mark

fa-remove

core:i/new

fa-bolt

core:i/news

fa-newspaper-o

core:i/next

fa-chevron-right

core:i/nosubcat

fa-plus-square-o

core:i/notifications

fa-bell-o

core:i/open

fa-folder-open

core:i/otherevent

fa-calendar

core:i/outcomes

fa-tasks

core:i/overriden_grade

fa-edit

core:i/payment

fa-money

core:i/permissionlock

fa-lock

core:i/permissions

fa-pencil-square-o

core:i/persona_sign_in_black

fa-male

core:i/portfolio

fa-id-badge

core:i/preview

fa-search-plus

core:i/previous

fa-chevron-left

core:i/privatefiles

fa-file-o

core:i/progressbar

fa-spinner fa-spin

core:i/publish

fa-share

core:i/questions

fa-question

core:i/reload

fa-refresh

core:i/report

fa-area-chart

core:i/repository

fa-hdd-o

core:i/restore

fa-level-up

core:i/return

fa-arrow-left

core:i/risk_config

fa-exclamation text-muted

core:i/risk_managetrust

fa-exclamation-triangle text-warning

core:i/risk_personal

fa-exclamation-circle text-info

core:i/risk_spam

fa-exclamation text-primary

core:i/risk_xss

fa-exclamation-triangle text-danger

core:i/role

fa-user-md

core:i/rss

fa-rss

core:i/rsssitelogo

fa-graduation-cap

core:i/scales

fa-balance-scale

core:i/scheduled

fa-calendar-check-o

core:i/search

fa-search

core:i/section

fa-folder-o

core:i/sendmessage

fa-paper-plane

core:i/settings

fa-cog

core:i/share

fa-share-square-o

core:i/show

fa-eye-slash

core:i/siteevent

fa-globe

core:i/star

fa-star

core:i/star-o

fa-star-o

core:i/star-rating

fa-star

core:i/stats

fa-line-chart

core:i/switch

fa-exchange

core:i/switchrole

fa-user-secret

core:i/trash

fa-trash

core:i/twoway

fa-arrows-h

core:i/unchecked

fa-square-o

core:i/uncheckedcircle

fa-circle-o

core:i/unflagged

fa-flag-o

core:i/unlock

fa-unlock

core:i/up

fa-arrow-up

core:i/upload

fa-upload

core:i/userevent

fa-user

core:i/user

fa-user

core:i/users

fa-users

core:i/valid

fa-check text-success

core:i/viewsection

fa-pager

core:i/warning

fa-exclamation text-warning

core:i/window_close

fa-window-close

core:i/withsubcat

fa-plus-square

core:i/language

fa-language

core:m/USD

fa-usd

core:t/addcontact

fa-address-card

core:t/add

fa-plus

core:t/angles-down

fa-angles-down

core:t/angles-left

fa-angles-left

core:t/angles-right

fa-angles-right

core:t/angles-up

fa-angles-up

core:t/approve

fa-thumbs-up

core:t/assignroles

fa-user-circle

core:t/award

fa-trophy

core:t/backpack

fa-shopping-bag

core:t/backup

fa-arrow-circle-down

core:t/block

fa-ban

core:t/block_to_dock_rtl

fa-chevron-right

core:t/block_to_dock

fa-chevron-left

core:t/blocks_drawer

fa-chevron-left

core:t/blocks_drawer_rtl

fa-chevron-right

core:t/calc_off

fa-calculator

core:t/calc

fa-calculator

core:t/check

fa-check

core:t/clipboard

fa-clipboard

core:t/cohort

fa-users

core:t/collapsed_empty_rtl

fa-caret-square-o-left

core:t/collapsed_empty

fa-caret-square-o-right

core:t/collapsed_rtl

fa-caret-left

core:t/collapsed

fa-caret-right

core:t/collapsedcaret

fa-caret-right

core:t/collapsedchevron

fa-chevron-right

core:t/collapsedchevron_rtl

fa-chevron-left

core:t/collapsedchevron_up

fa-chevron-up

core:t/completion_complete

fa-circle

core:t/completion_fail

fa-times

core:t/completion_incomplete

fa-circle-thin

core:t/contextmenu

fa-cog

core:t/copy

fa-copy

core:t/delete

fa-trash

core:t/dockclose

fa-window-close

core:t/dock_to_block_rtl

fa-chevron-right

core:t/dock_to_block

fa-chevron-left

core:t/download

fa-download

core:t/down

fa-arrow-down

core:t/downlong

fa-long-arrow-down

core:t/dropdown

fa-cog

core:t/editinline

fa-pencil

core:t/edit_menu

fa-cog

core:t/editstring

fa-pencil

core:t/edit

fa-cog

core:t/emailno

fa-ban

core:t/email

fa-envelope-o

core:t/emptystar

fa-star-o

core:t/enrolusers

fa-user-plus

core:t/expanded

fa-caret-down

core:t/expandedchevron

fa-chevron-down

core:t/go

fa-play

core:t/grades

fa-table

core:t/groupn

fa-user

core:t/groups

fa-user-circle

core:t/groupv

fa-user-circle-o

core:t/hide

fa-eye

core:t/index_drawer

fa-list

core:t/left

fa-arrow-left

core:t/less

fa-caret-up

core:t/life-ring

fa-life-ring

core:t/locked

fa-lock

core:t/lock

fa-unlock

core:t/locktime

fa-lock

core:t/markasread

fa-check

core:t/messages

fa-comments

core:t/messages-o

fa-comments-o

core:t/message

fa-comment-o

core:t/more

fa-caret-down

core:t/move

fa-arrows-v

core:t/online

fa-circle

core:t/passwordunmask-edit

fa-pencil

core:t/passwordunmask-reveal

fa-eye

core:t/play

fa-play

core:t/portfolioadd

fa-plus

core:t/preferences

fa-wrench

core:t/preview

fa-search-plus

core:t/print

fa-print

core:t/removecontact

fa-user-times

core:t/reload

fa-refresh

core:t/reset

fa-repeat

core:t/restore

fa-arrow-circle-up

core:t/right

fa-arrow-right

core:t/sendmessage

fa-paper-plane

core:t/show

fa-eye-slash

core:t/sort_by

fa-sort-amount-asc

core:t/sort_asc

fa-sort-asc

core:t/sort_desc

fa-sort-desc

core:t/sort

fa-sort

core:t/stealth

fa-low-vision

core:t/stop

fa-stop

core:t/switch_minus

fa-minus

core:t/switch_plus

fa-plus

core:t/switch_whole

fa-square-o

core:t/tags

fa-tags

core:t/unblock

fa-commenting

core:t/unlocked

fa-unlock-alt

core:t/unlock

fa-lock

core:t/up

fa-arrow-up

core:t/uplong

fa-long-arrow-up

core:t/user

fa-user

core:t/viewdetails

fa-list

qtype_ddmarker:crosshairs

fa-crosshairs

qtype_ddmarker:grid

fa-th

mod_book:chapter

fa-bookmark-o

mod_book:nav_prev

fa-arrow-left

mod_book:nav_sep

fa-minus

mod_book:add

fa-plus

mod_book:nav_next

fa-arrow-right

mod_book:nav_exit

fa-arrow-up

mod_choice:row

fa-info

mod_choice:column

fa-columns

mod_data:field/checkbox

fa-check-square-o

mod_data:field/date

fa-calendar-o

mod_data:field/file

fa-file

mod_data:field/latlong

fa-globe

mod_data:field/menu

fa-bars

mod_data:field/multimenu

fa-bars

mod_data:field/number

fa-hashtag

mod_data:field/picture

fa-picture-o

mod_data:field/radiobutton

fa-circle-o

mod_data:field/textarea

fa-font

mod_data:field/text

fa-i-cursor

mod_data:field/url

fa-link

mod_feedback:required

fa-exclamation-circle

mod_feedback:notrequired

fa-question-circle-o

mod_forum:i/pinned

fa-map-pin

mod_forum:t/selected

fa-check

mod_forum:t/subscribed

fa-envelope-o

mod_forum:t/unsubscribed

fa-envelope-open-o

mod_forum:t/star

fa-star

mod_glossary:export

fa-download

mod_glossary:minus

fa-minus

mod_lesson:e/copy

fa-clone

mod_lti:warning

fa-exclamation text-warning

mod_quiz:navflagged

fa-flag

mod_scorm:assetc

fa-file-archive-o

mod_scorm:asset

fa-file-archive-o

mod_scorm:browsed

fa-book

mod_scorm:completed

fa-check-square-o

mod_scorm:failed

fa-times

mod_scorm:incomplete

fa-pencil-square-o

mod_scorm:minus

fa-minus

mod_scorm:notattempted

fa-square-o

mod_scorm:passed

fa-check

mod_scorm:plus

fa-plus

mod_scorm:popdown

fa-window-close-o

mod_scorm:popup

fa-window-restore

mod_scorm:suspend

fa-pause

mod_scorm:wait

fa-clock-o

mod_wiki:attachment

fa-paperclip

mod_workshop:userplan/task-info

fa-info text-info

mod_workshop:userplan/task-todo

fa-square-o

mod_workshop:userplan/task-done

fa-check text-success

mod_workshop:userplan/task-fail

fa-remove text-danger

customfield_date:checked

fa-check-square-o

customfield_date:notchecked

fa-square-o

enrol_guest:withpassword

fa-key

enrol_guest:withoutpassword

fa-unlock-alt

enrol_lti:managedeployments

fa-sitemap

enrol_lti:platformdetails

fa-pencil-square-o

enrol_lti:enrolinstancewarning

fa-exclamation-circle text-danger

enrol_self:withkey

fa-key

enrol_self:withoutkey

fa-sign-in

block_accessreview:smile

fa-smile-o

block_accessreview:frown

fa-frown-o

block_accessreview:errorsfound

fa-ban

block_accessreview:f/pdf

fa-file-pdf-o

block_accessreview:f/video

fa-file-video-o

block_accessreview:f/find

fa-bar-chart

block_accessreview:f/form

fa-pencil-square-o

block_accessreview:f/image

fa-image

block_accessreview:f/layout

fa-th-large

block_accessreview:f/link

fa-link

block_accessreview:f/media

fa-play-circle-o

block_accessreview:f/table

fa-table

block_accessreview:f/text

fa-font

block_accessreview:t/fail

fa-ban

block_accessreview:t/pass

fa-check

gradingform_guide:info

fa-info-circle

gradingform_guide:plus

fa-plus

tool_brickfield:f/award

fa-tachometer

tool_brickfield:f/done

fa-check-circle-o

tool_brickfield:f/done2

fa-check-square-o

tool_brickfield:f/error

fa-times-circle-o

tool_brickfield:f/find

fa-bar-chart

tool_brickfield:f/total

fa-calculator

tool_brickfield:f/form

fa-pencil-square-o

tool_brickfield:f/image

fa-image

tool_brickfield:f/layout

fa-th-large

tool_brickfield:f/link

fa-link

tool_brickfield:f/media

fa-play-circle-o

tool_brickfield:f/table

fa-table

tool_brickfield:f/text

fa-font

tool_lp:url

fa-external-link

tool_policy:agreed

fa-check text-success

tool_policy:declined

fa-times text-danger

tool_policy:pending

fa-clock-o text-warning

tool_policy:partial

fa-exclamation-triangle text-warning

tool_policy:level

fa-level-up fa-rotate-90 text-muted

tool_recyclebin:trash

fa-trash

tool_usertours:t/export

fa-download

tool_usertours:i/reload

fa-refresh

tool_usertours:t/filler

fa-spacer

atto_collapse:icon

fa-level-down

atto_recordrtc:i/audiortc

fa-microphone

atto_recordrtc:i/videortc

fa-video-camera