# Icon

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

To change the default Rating icon set it's [`svgIcon`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/ratingprops#svgicon) and the [`svgIconOutline`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/ratingprops#svgiconoutline) properties to the new wanted values.

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

[Demo Source](https://demos.telerik.com/kendo-vue-ui/inputs/rating/icon/source.txt)

## Suggested Links

* [Kendo UI for Vue SVG Icons](https://www.telerik.com/kendo-vue-ui-develop/components/icons/svgicon/svgicon-list)
* [Rating Item customization](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/rating/item_customization)
* [API Reference of the RatingProps](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/ratingprops)