• Product Bundles

    DevCraft

    All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:

    • NEW: Design Kits for Figma
    • Online Training
    • Document Processing Library
    • Embedded Reporting for web and desktop
    Web
    Kendo UI UI for jQuery UI for Angular UI for React UI for Vue UI for ASP.NET AJAX UI for ASP.NET MVC UI for ASP.NET Core UI for Blazor UI for Silverlight UI for PHP UI for JSP
    Mobile
    UI for .NET MAUI UI for Xamarin
    Document Management
    Telerik Document Processing
    Desktop
    UI for .NET MAUI UI for WinUI UI for WinForms UI for WPF UI for UWP
    Reporting & Mocking
    Telerik Reporting Telerik Report Server Telerik JustMock
    Automated Testing
    Test Studio Test Studio Dev Edition
    CMS
    Sitefinity
    UI/UX Design
    Unite UX
    Debugging
    Fiddler Fiddler Everywhere Fiddler Classic Fiddler Jam FiddlerCap FiddlerCore
    Extended Reality
    UI for Unity XR
    Free Tools
    JustAssembly JustDecompile VB.NET to C# Converter Testing Framework
    View all products
  • Overview
    • jQuery
    • Angular
    • React
    • Vue
  • Docs & Demos
  • Get Started
  • Resources
  • Pricing
  • Search
  • Shopping cart
    • Account Overview
    • Your Licenses
    • Support Center
    • Forum Profile
    • Payment Methods
    • Edit Profile
    • Log out
  • Login
  • Buy now
    What is KendoReact
    Components
    Sample Applications
    Styling & Themes
      OverviewCustomizing ThemesIconsCompiling ThemesTelerik and Kendo UI Design Kits for Figma
    • Bootstrap Theme
    • Default Theme
      • OverviewCustomizationCustomizing AvatarCustomizing ButtonCustomizing ChartsCustomizing CheckboxCustomizing ChipCustomizing Color SystemCustomizing CommonCustomizing ComponentCustomizing Floating-action-buttonCustomizing GridCustomizing IconsCustomizing ListCustomizing MenuCustomizing Menu-buttonCustomizing RadioCustomizing Split-buttonCustomizing SwitchCustomizing TableCustomizing TabstripCustomizing ToolbarCustomizing TreeviewCustomizing Typography
    • Material Theme
    • Experimental
    • Theme BuilderStyled Components SupportBrowser Compatibility
    Common Features
    Project Setup
    Knowledge Base
    Changelog
Styling & Themes / Default Theme / Customizing Icons / 

Customizing Icons

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$icon-font-urlNull

null

null

Description
The URL to the icon font that will be used by the theme
The default value of `null` embeds the package font with a `data:` URL

Suggested Links

  • Styling Overview
  • Web Font Icons
  • Preview of the Themed Components
Previous
Customizing Grid
Next
Customizing List

In this article

  • Suggested Links

Not finding the help you need?

Contact Support

Is this article helpful?

Thank you for your feedback!

 
Getting Started
  • Installation and First Steps
  • What's New
  • Release History
  • Roadmap
Support Resources
  • Sample Applications
  • Knowledge Base
  • Virtual Classroom
  • Video Tutorials
  • Form Design Guidelines
Community
  • GitHub
  • Feedback Portal
  • React Blogs
  • React Forum
  • React Wednesdays on Twitch
Progress company logo

Telerik and Kendo UI are part of Progress product portfolio. Progress is the leading provider of application development and digital experience technologies.

  • Company
  • Technology
  • Awards
  • Press Releases
  • Media Coverage
  • Careers
  • Offices

Copyright © 2022, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved. Progress, Telerik, Ipswitch, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.

  • Terms of Use
  • Privacy Center
  • Security Center
  • Trademarks
  • License Agreements
  • Code of Conduct
  • Doc Copyright
DO NOT SELL MY PERSONAL INFORMATION