List of customizable icons

Icon Properties

All icons in the theme package share these common properties:

color (string) - optional color property that can be set using CSS color variables
size (string) - optional size property
className (string) - optional CSS class name
standard SVG properties (inherited from React.SVGProps<SVGSVGElement>)

import { iconName } from '@redocly/theme/icons/{iconName}/{iconName}';

Document Icons

File System Icons

UI Control Icons

Icon	Name
	`CheckboxFilledIcon`
	`CloseFilledIcon`
	`CloseOutlineIcon`
	`DeselectIcon`
	`EditIcon`
	`FilterIcon`
	`HorizontalViewIcon`
	`MenuIcon`
	`MobileSidebarIcon`
	`OverflowMenuHorizontalIcon`
	`OverflowMenuVerticalIcon`
	`SelectIcon`
	`SidePanelCloseIcon`
	`SidePanelOpenIcon`
	`SpinnerIcon`
	`VerticalViewIcon`
	`ViewIcon`
	`ViewOffIcon`

Action Icons

Status Icons

Feature Icons

User Interface Icons

Special Icons

Icon	Name
	`IBMCloudHyperProtectCryptoServicesIcon`
	`CertificateIcon`

For a list of all components you can customize, see List of customizable components.