Skip to content
Cloudflare Docs

RtkIcon

An icon component which accepts an svg string and renders it.

Properties

PropertyTypeRequiredDefaultDescription
iconstring-Icon
sizeSize1-Size
variantIconVariant-Icon variant

Usage Examples

Basic Usage

import { RtkIcon } from '@cloudflare/realtimekit-react-ui';
function MyComponent() {
return <RtkIcon />;
}

With Properties

import { RtkIcon } from '@cloudflare/realtimekit-react-ui';
function MyComponent() {
return (
<RtkIcon
icon="example"
size="md"
variant="primary"
/>
);
}