Components
    • Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Grid
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Mapbeta
    • Notification
    • PDF Processing
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog

KendoReact SvgIcon Overview

The SvgIcon component is used to display svg icons. The KendoReact delivers more than 500 SVG icons.


The following example demonstrates the SvgIcon component in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

The SvgIcon is part of the KendoReact Common Utilities component library. The procedures for installing, importing, and using the Common Utilities are identical for all components in the package. To learn how to use the SvgIcon and the rest of the Common Utilities, see the Getting Started with the KendoReact Common Utilities guide.

Key Features

  • Appearance—You can quickly style the SvgIcon by choosing from the predefined styling options.
  • Custom SVG Icons—You can render custom SVG icons inside the KendoReact SvgIcon component.

SVG Icons List

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?