[ Web Proxy ]
URL:
Viewing: https://developers.cloudflare.com/realtime/realtimekit/ui-kit/api-reference/angular/rtk-icon/ [Back]  [Original]
rtk-icon Cloudflare Realtime docsSkip to content
[]DirectoryAPISDKsChangelog
SearchCtrlKLog in
Realtime
/
  1. Home
  2. /Realtime
  3. /…
    RealtimeKitBuild using UI KitComponent Reference
  4. /Angular
  5. /rtk-icon

rtk-icon

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

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

Properties

Property Type Required Default Description
icon string - Icon
size Size1 - Size
variant IconVariant - Icon variant

Usage Examples

Basic Usage

<!-- component.html -->
<rtk-icon></rtk-icon>

With Properties

<!-- component.html -->
<rtk-icon
 icon="example"
 size="md"
 variant="primary">
</rtk-icon>
Previousrtk-headerNextrtk-idle-screen

Was this helpful?

YesNo
Edit pageReport issue

On this page

Edit pageReport issue
Getting started
PlansContact salesPartnersFind a partnerStartupsUnder attack?Domain name search
Company
AboutCareersInvestorsPressPress kitGlobal network
Public interest
Project GalileoAthenian ProjectCloudflare for CampaignsProject FairshotImpact/ESG
Compliance
Compliance resourcesTrust HubData ProtectionResponsible AITransparency reportReport abuse
Resources
App innovation reportCloudflare RadarCase studiesStatusSupportEventsBlog
Developers
DocumentationLearning centerCommunity
Solutions
SSE and SASE platformCloudflare AI CloudAI SecurityFrontend Development PlatformMulti-Tenant Platform DevelopmentWeb Security Platform
Start BuildingLog In
2026 Cloudflare, Inc.
Privacy policy| Report security issues| Terms of use| Trademark
privacy options [privacy options]Your privacy choices
[]
Web Proxy Viewer  |  New URL  |  Original Page