Icons

@plaud/design ships no icon implementations. Every icon used by the components is injected by the consumer through an IconRegistry. This page lists all icon keys you must provide and shows how each one renders in the default reference set (plaudIconRegistry).

• For how to configure and inject the registry, see Icon Registry.
• Most icons are typed ComponentType<IconProps>; sort additionally accepts sortDirection.
• The previews below use this site's plaudIconRegistry (sourced from the Figma Design System).
• Under each icon: the IconRegistry key and the components that use it (up to 3; — means no component currently uses it).

All icons

infoCircleToast

checkmarkCircleToast

exclamationCircleToast

xmarkCircleToast

chevronUp—

chevronRightDropdownMenu · Breadcrumb · Carousel

chevronDownSelect · Accordion · Menu

chevronLeftCarousel · Calendar · ImageViewer

checkCheckbox · Select · DropdownMenu

xmarkDialog · DatePicker · Upload

searchInput

moreHorizontalPagination · Breadcrumb

sortTable · Calendar · TimePicker

helpTable

calendarDatePicker · RangePicker

eyeOpenInput

eyeCloseInput

listChevronDownTree · Tabs

countdown—

plus—

zoomOutImageViewer

zoomInImageViewer

deleteImageViewer

exportImageViewer

shrinkImageViewer

cloudUploadUpload

retryUpload

uploadSuccessUpload

uploadFailUpload

askAiAiButton

aiFeedbackToast

Notes

• The key shown under each icon is the exact IconRegistry field name — your registry must cover every one of them, or the build fails (satisfies IconRegistry) and the component throws at runtime.
• Colors: most icons use currentColor and inherit the surrounding text color; uploadSuccess carries a fixed brand gradient.
• uploadFail is a monochrome currentColor glyph; the error color (--Status-Destructive) is applied at the usage site (e.g. Upload), not baked into the icon.