# Vue SVGIcon Overview

The Kendo UI for Vue SVGIcon is a component for displaying SVG icons and supports 500+ SVG icons delivered by the Kendo UI for Vue suite.

> Kendo UI Icons version `^5.x.x` requires Kendo UI for Vue `v9.0.0` or later. For more information, refer to the [Icon Package Compatibility](https://www.telerik.com/kendo-vue-ui-develop/components/styling/icons#icon-package-compatibility) section.

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the SVGIcon in action.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/icons/svg-icons/overview/source.txt)

## Key Features

The SVGIcon provides support for a number of [styling options](https://www.telerik.com/kendo-vue-ui-develop/components/icons/svgicon/appearance) for setting its color, size, and rendering behavior, and also a predefined list of SVG icons.

## Support and Learning Resources

* [SVGIcon Homepage](https://www.telerik.com/kendo-vue-ui/svgicon)
* [Getting Started with the Kendo UI Vue Icons](https://www.telerik.com/kendo-vue-ui-develop/components/icons/get-started)
* [API Reference of the SVGIcon Component](https://www.telerik.com/kendo-vue-ui-develop/components/icons/api/svgiconprops)
* [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api)
* [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api)
* [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api)
* [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api)
* [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3)
* [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
* [SVGIcon Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=svgicon)
* [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension)

## Additional Resources

* [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue)
* [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)