[ Web Proxy ]
URL:
Viewing: https://developers.cloudflare.com/realtime/realtimekit/ui-kit/api-reference/react-native/rtkicon/ [Back]  [Original]

RtkIcon Cloudflare Realtime docsSkip to content
SearchCtrlKLog in
  1. Home
  2. /Realtime
  3. /
  4. /React Native
  5. /RtkIcon

RtkIcon

Last updated Apr 23, 2026Copy as MarkdownView as MarkdownAgent setup
OverviewPropertiesUsage ExamplesBasic UsageWith Properties

Renders an SVG icon from an icon string, applying the current theme text color.

Properties

Property Type Required Default Description
icon string - SVG icon string to render

Usage Examples

Basic Usage

import { RtkIcon } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkIcon icon={svgIconString} />;
}

With Properties

import {
	RtkIcon,
	defaultIconPack,
} from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkIcon icon={defaultIconPack.mic_on} />;
}
PreviousRtkHeaderNextRtkIdleScreen

Was this helpful?

YesNo
Edit pageReport issue
[]

Web Proxy Viewer  |  New URL  |  Original Page