---
title: Icons
page_title: Icons - TreeView - Kendo UI for Vue
description: "Add images or predefined and custom icons to the Kendo UI TreeView wrapper for Vue."
slug: icons_treeview_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/treeview/custom-rendering/"
position: 4
---

<div><WrapperBanner link="/kendo-vue-ui/components/treeview/custom-rendering/"></WrapperBanner></div>    

# Icons

You can enhance the meaning of the context by adding an icon to the Button either through the `image-url` option or `sprite-css-class` attributes.

The following example demonstrates how to create a TreeView with images.

{% meta height:450 %}
{% embed_file icons/images/main.vue preview %}
{% embed_file icons/images/main.js %}
{% endmeta %}

The following example demonstrates how to create a TreeView with sprites.

{% meta height:450 %}
{% embed_file icons/sprite/main.vue preview %}
{% embed_file icons/sprite/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI TreeView for jQuery](https://docs.telerik.com/kendo-ui/controls/navigation/treeview/overview)
* [API Reference of the TreeView Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/treeview)