Skip to main content

CdsIcon

A React wrapper for the Clarity UI icon component.

Example

Ts
import { userIcon } from '@cds/core/icon';import { CdsIcon } from '@vendure/admin-ui/react';registerCdsIcon(userIcon);export function MyComponent() {   return <CdsIcon icon={userIcon} badge="warning" solid size="lg"></CdsIcon>;}
Signature
function CdsIcon(props: { icon: IconShapeTuple; className?: string } & Partial<CdsIconProps>): void

Parameters

props

parameter{ icon: IconShapeTuple; className?: string } &#38; Partial<CdsIconProps>
Was this chapter helpful?
Report Issue
Edited Feb 2, 2026·Edit this page