material-icons.md

title
Material Icons

The Cloud product uses Material Icons.

Theme modifications

File	Modification
/_includes/head_custom.html	`<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">`
/_sass/custom/custom.html	.material-icons.md-18 { font-size: 18px; }

• added material icons stylesheet ref to /_includes/head_custom.html
• added material icons stylesheet style to

Icon source

https://fonts.google.com/icons

IMPORTANT Do not use icons from mui.com because the codes are incorrect and will not render properly.

Usage

<span class="material-icons md-18">icon_name</span>

Icons used in Cloud and Community GUI

Icon source = Material icons filled

Menu item/page	icon	Renders as
Announcement (top right)	<span class="material-icons md-18">sms_failed</span>	sms_failed
Home	<span class="material-icons md-18">home</span>	Home
Databases	<span class="material-icons md-18">dynamic_feed</span>	DynamicFeed
Tables	<span class="material-icons md-18">table_view</span>	table_view
Data sources	<span class="material-icons md-18">cloud_upload</span>	cloud_upload
Query	<span class="material-icons md-18">manage_search</span>	manage_search
Configuration	<span class="material-icons md-18">settings</span>	settings
Get Help	<span class="material-icons md-18">help_outline</span>	help_outline
Search field cancel	<span class="material-icons md-18">cancel</span>	cancel
Grid 3 vertical dot submenu	<span class="material-icons md-18">more_vert</span>	more_vert
Query > Run query	<span class="material-icons md-18">play_circle_filled</span>	play_circle_filled
Query > History > Folder icon	<span class="material-icons md-18">folder_open</span>	folder_open

Icons exclusively used in help

These icons appear in the page footer /_includes/footer_custom

Purpose	Icon source
Support link	support_agent
Help issue	bug_report
Contact FeatureBase	outgoing_mail