# Vue Icon Overview

The Kendo UI for Vue Icon(FontIcon) is a component for displaying font icons and supports the [Kendo UI Icons library](https://www.telerik.com/kendo-vue-ui-develop/components/icons/icon/icon-list).

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the Icon in action.

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

## Key Features

The Icon provides a number of [styling options](https://www.telerik.com/kendo-vue-ui-develop/components/icons/icon/appearance) for setting its color, size, and direction.

## Support and Learning Resources

* [Icon Homepage](https://www.telerik.com/kendo-vue-ui/vue-icons)
* [Getting Started with the Kendo UI Vue Icons](https://www.telerik.com/kendo-vue-ui-develop/components/icons/get-started)
* [API Reference of the Icon Component](https://www.telerik.com/kendo-vue-ui-develop/components/icons/api/fonticonprops)
* [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)
* [Icon Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=icon)
* [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)
