What is KendoReact
Getting Started
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Formupdated
- Ganttupdated
- Gauges
- Indicators
- Inputsupdated
- - Overview
  - Getting Started
  - Checkbox
  - ColorGradientupdated
  - ColorPalette
  - ColorPickerupdated
  - FlatColorPickerupdated
  - Input
  - MaskedTextBoxupdated
  - NumericTextBoxupdated
  - RadioButton
  - RadioGroup
  - RangeSlider
  - Rating
  - - Overview
    - Functionality and Features
    - Forms Support
    - RatingItem customization
    - Keyboard Navigation
    - Accessibility
  - Signature
  - Slider
  - Switch
  - TextAreaupdated
  - Floating Labels
  - TextBox
  - Custom attributes
  - Props Context
  - Globalization
  - API
- Labels
- Layoutupdated
- ListBox
- ListView
- Map
- Notification
- OrgChartnew
- PDF Processing
- PDFViewer
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheetupdated
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Inputs / Rating / Functionality and Features / Icon /

Icon

By default, the Rating item is set to visualize a 'star' icon.

To change the default Rating icon set it's svgIcon and the svgIconOutline properties to the new wanted values.

The following example demonstrates how to implement different icon for the Rating.

Example

View Source

Change Theme:

Suggested Links

Is this article helpful?

Thank you for your feedback!