Icons

To learn how to implement these icons, see Icon component

General icons

All the icons are from the Material Design Icons library.

Example import:

import { mdiAccountCircleOutline } from '@mdi/js'

Icon	MDI link	MDI code	Usage
	account-circle-outline		Profile
	account-group-outline		Group
	account-multiple-outline		Team, Group
	account-outline		User, Person
	account-plus-outline		Add user, Invite user
	account-supervisor-circle-outline		Audience, Personalization
	alarm		Reminder
	alert-circle-outline		Danger, Error
	alert-outline		Warning
	application-outline		Site, Website, Web page, Section
	archive-outline		Archive
	arrow-all		Move (on canvas)
	arrow-bottom-left		Bottom-left
	arrow-bottom-right		Bottom-right
	arrow-collapse		Collapse, Exit full screen
	arrow-down		Down
	arrow-expand		Expand, Full screen
	arrow-expand-all		Dimensions
	arrow-expand-horizontal		Space (horizontal)
	arrow-expand-vertical		Space (vertical)
	arrow-left		Back
	arrow-right		Forward
	arrow-top-left		Top-left
	arrow-top-right		Top-right
	arrow-up		Up
	arrow-up-left		Select parent container
	autorenew		Repeat, In progress, Busy
	badge-account-horizontal-outline		Guest
	barcode-scan		Barcode, Product
	bell-off-outline		Notifications off
	bell-outline		Notifications, Activity
	book-open-page-variant-outline		Documentation
	briefcase-outline		Job title
	bullhorn-variant-outline		Campaign, Feedback, Changelog, What's new
	button-pointer		Button
	calendar-clock-outline		Date and time
	calendar-outline		Date, Event
	cancel		Reject, Decline, Block, Forbidden
	card-text-outline		Card
	cellphone-link		Breakpoints, Devices, Responsive
	cellphone		Mobile view
	check		Approve, Complete
	check-circle-outline		Success, Done, Complete
	chevron-down		Dropdown menu, Expand
	chevron-left		Previous
	chevron-right		Next, breadcrumb separator
	chevron-up		Collapse
	circle-half-full		Dark mode / Light mode
	clipboard-check-outline		Task
	clipboard-file-outline		Paste
	clock-outline		Schedule, Time, Job
	close		Close, Clear, Cancel
	cloud-key-outline		Single sign-on (SSO)
	cloud-off-outline		Unpublish
	cloud-upload-outline		Publish
	code-block-tags		Code block
	code-json		JSON code
	code-tags		Code, HTML
	cog-outline		Settings, Configuration
	comment-alert-outline		Support ticket
	comment-edit-outline		Blog
	comment-text-outline		Comment, Annotation
	compare-horizontal		Compare
	connection		Connection
	content-copy		Copy, Duplicate, Copy to clipboard
	content-cut		Cut (to clipboard)
	content-duplicate		Template
	crown-outline		Default, Master
	database-outline		Database, Data source
	domain		Company, Organization
	dots-grid		Switcher
	dots-horizontal		More options, Actions
	drag-vertical		Drag, Reorder
	drawing		Graphic
	email-outline		Email, Invitation
	eye-outline		View, Preview
	feather		Content
	file-document-outline		Document
	file-outline		Page, File
	file-tree		Site manager
	filter-variant		Filter
	finance		Usage
	flask-outline		Experiment, Recipe
	folder-move-outline		Move
	folder-outline		Folder, Project
	form-textbox		Rename
	format-bold		Bold
	format-color-fill		Color, Fill, Background settings
	format-float-left		Rich text
	format-font		Font, Typeface
	format-italic		Italic
	format-letter-case		Typography, Text formatting
	format-letter-spacing		Letter spacing
	format-line-spacing		Line height
	format-list-bulleted		Bulleted list
	format-list-bulleted-square		List
	format-list-numbered		Numbered list
	format-list-checks		Option list
	format-paragraph-spacing		Paragraph spacing
	format-quote-close		Quote
	format-size		Text size
	format-strikethrough-variant		Strikethrough
	format-textbox		Text block, Text box
	format-title		Title
	format-underline		Underline
	forum-outline		Forum, Social media
	gradient-vertical		Gradient
	handshake-outline		Terms & conditions
	heart-outline		Save to list
	heart-pulse		System health, System status
	help-circle-outline		Help
	history		History, Recent
	home-variant-outline		Home
	human		Accessibility
	image-multiple-outline		Album cover
	image-outline		Image, Media
	incognito		Impersonate
	information-outline		Information, More info, Icon
	key		Key, Client (XM Cloud Deploy)
	layers-outline		Layers
	lifebuoy		Support
	link-variant		Link, URL
	list-box-outline		Form
	lock-open-variant-outline		Unlock
	lock-outline		Lock, System property
	login		Log in
	logout		Log out
	magnify		Search
	map-marker-outline		Location
	minus		Remove, Horizontal line
	minus-circle-outline		Remove, Unlink
	monitor		Desktop view
	movie-outline		Movie
	music-box-outline		Audio file
	newspaper-variant-outline		Article, Newspaper
	numeric		Number, Integer
	open-in-new		Open in new tab, Open, Launch
	page-first		First
	page-last		Last
	palette-outline		Theme
	palette-swatch-outline		Color profile
	paperclip		Attachment
	pause		Pause
	pencil-outline		Edit
	pencil-ruler-outline		Content type
	phone-outline		Phone
	play-box-outline		Video file
	play-outline		Start
	plus		Add, New
	puzzle-outline		Plug-in
	redo		Redo
	refresh		Refresh, Reload, Retry
	reply-outline		Reply
	restart		Restart, Reset
	restore		Restore, Revert
	rocket-launch-outline		Deploy, Deployment
	school-outline		Education, Training
	selection		Selection
	send		Send
	share-outline		Share
	share-variant-outline		Social share
	shield-key-outline		API key, Token
	shield-lock-outline		Security, Multi-factor authentication (MFA)
	shopping-outline		Commerce, Shopping
	sitemap-outline		Taxonomy
	square		Solid color
	square-edit-outline		Draft
	square-off-outline		No colour, No border settings
	stamper		Watermark
	star		Favorite (active), Star (active)
	star-four-points		Artifcial Intelligence, Generative AI
	star-outline		Favorite, Star
	swap-horizontal		Swap (horizontal)
	swap-vertical		Sorting, Swap (vertical)
	sync		Sync
	tab		Tab, Tabs
	table		Table
	table-column-plus-after		Insert column right
	table-column-plus-before		Insert column left
	table-column-remove		Delete column
	table-row-plus-after		Insert row below
	table-row-plus-before		Insert row above
	table-row-remove		Delete row
	tablet		Tablet view
	tag-outline		Tag, Label
	text		Text, String
	text-long		Text (long)
	text-short		Text (short)
	thumbs-up-down-outline		Review
	timer-outline		Timer
	toggle-switch-outline		Boolean, Toggle, Switch
	toolbox-outline		Toolkit, Starter kit
	toy-brick-outline		Component
	translate		Translate, Translation
	trash-can-outline		Delete
	tray-arrow-down		Download
	tray-arrow-up		Upload
	tune-variant		Tune, Adjust, Customize
	undo		Undo
	unfold-less-horizontal		Show less
	unfold-less-vertical		Show less
	unfold-more-horizontal		Show more
	unfold-more-vertical		Show more
	update		Update, Rework
	vector-link		Referenced content
	vector-curve		Vector
	view-carousel-outline		Carousel
	view-column-outline		Columns
	view-list-outline		List view
	view-module-outline		Grid view
	web		Language, Locale, Localization
	zip-box-outline		ZIP file, compressed archive
	webhook		Webhook

Logo icons

Used when a logo needs to be rendered as a single path inside an Icon. For the regular full-color logo images, see Logos.

Example import:

import { iconXmCloud } from '@sitecore/blok-theme'

Icon	Product	Icon code
	CDP	`iconCdp`
	Connect	`iconConnect`
	Content Hub	`iconContentHub`
	Content Hub ONE	`iconContentHubOne`
	Discover	`iconDiscover`
	OrderCloud	`iconOrdercloud`
	Personalize	`iconPersonalize`
	Search	`iconSearch`
	XM Cloud	`iconXmCloud`
	Sitecore	`iconSitecore`
	SitecoreAI	`iconSitecoreAI`