Display Pattern Icons

The icons you can use in Display Pattern are limited to the ones listed below. Support for other icons will be removed with Version 11.2 (January 2022).

Icons can be added like this, with CSS properties:

<cp-icon name="video" size="24" color="red"></cp-icon>
<cp-icon name="alarm " size="18" color="#ffff00"></cp-icon>

The name property identifies the icon that will be loaded. Supported names are listed below.
The size identifies the dimension. It can be omitted and by default will use the value: "18".
- Supported sizes: 14, 18, 24

Icon	Permalink	Path	Name in DisplayPattern
	https://materialdesignicons.com/icon/alarm	mdiAlarm	‘alarm’
	https://materialdesignicons.com/icon/clock-alert	mdiClockAlert	'clock-alert'
	https://materialdesignicons.com/icon/copyright	mdiCopyright	'copyright'
		mdiWeb	'web'
		mdiBookmark	'bookmark'
		mdiThumbUp	'thumb-up'
		mdiThumbDown	'thumb-down'
		mdiEye	‘eye’
		mdiEyeOff	'eye-off'
		mdiAlertCircle	‘alert-circle’
		mdiAlertRhombus	'alert-rhombus'
		mdiAlert	'alert'
		mdiCurrencyUsd	'currency-usd'
		mdiCurrencyEur	'currency-eur'
		mdiCheckCircle	'check-circle'
		mdiLock	'lock'
		mdiStar	'star'
		mdiShieldStar	'shield-star'
		mdiEmoticonHappyOutline	'emoticon-happy-outline'
		mdiEmoticonHappy	'emoticon-happy'
		mdiImageMultiple	'image-multiple'
		mdiVideo	'video'
		mdiVolumeHigh	'volume-high'
		mdiFile	‘file’
		mdiTextBox	'text-box'
		mdiFileDocument	'file-document'
		mdiDatabase	'database'
		mdiCamera	'camera'
		mdiCardsHeart	'cards-heart'
		mdiChat	'chat'
		mdiVectorSquare	'vector-square'
		mdiKeyVariant	key-variant
		mdiMusic	'music'
		mdiImage	‘image’
		mdiVectorPolyline	'vector-polyline'
		mdiVideoImage	'video-image'
		mdiAlertOutline	'alert-outline'
		mdiBrightness1	'brightness-1'
		mdiCloudOutline	‘cloud-outline’
		mdiInformation	'information'
	https://materialdesignicons.com/icon/cog	mdiCog	‘options’
	https://materialdesignicons.com/icon/help-circle	mdiHelpCircle	'help-circle'
	https://materialdesignicons.com/icon/account-check	mdiAccountCheck	'account-check'
	https://materialdesignicons.com/icon/account-cancel	mdiAccountCancel	'account-cancel'
	https://materialdesignicons.com/icon/progress-clock	mdiProgressClock	'progress-clock'
	https://materialdesignicons.com/icon/link-variant	mdiLinkVariant	'link-variant'
	https://materialdesignicons.com/icon/tag-off	mdiTagOff	'tag-off'
	https://materialdesignicons.com/icon/tag	mdiTag	'tag'