For the time being you can use the following workaround: <telerik:RadPushButton CssClass="fa bcmbutton" ID="btnAnimate" runat="server" Text="Save & Stay" AutoPostBack="false"> <Icon PressedCssClass="fa-cog" HoveredCssClass="hovClass" CssClass="rbOk" /> </telerik:RadPushButton> Workaround: <script> Telerik.Web.UI.Button.IconsUI.prototype.mouseover = function (ev) { var that = this, iconData = that.options.iconData, priIconEl = that.getPrimaryIconElement(), secIconEl = that.getSecondaryIconElement(), hoveredCssClass = that.options.iconData.primaryHoveredCssClass; if (hoveredCssClass) { $telerik.$(priIconEl).addClass(hoveredCssClass); } that._setBackground(priIconEl, iconData.primaryHoveredIconUrl); that._setBackground(secIconEl, iconData.secondaryHoveredIconUrl); that.base.mouseover(ev); }, Telerik.Web.UI.Button.IconsUI.prototype.mouseout = function (ev) { var that = this, iconData = that.options.iconData, priIconEl = that.getPrimaryIconElement(), secIconEl = that.getSecondaryIconElement(), hoveredCssClass = that.options.iconData.primaryHoveredCssClass; if (hoveredCssClass) { $telerik.$(priIconEl).removeClass(hoveredCssClass); } that._setBackground(priIconEl, iconData.primaryIconUrl); that._setBackground(secIconEl, iconData.secondaryIconUrl); that.base.mouseout(ev); }, Telerik.Web.UI.Button.IconsUI.prototype.mousedown = function (ev) { var that = this, iconData = that.options.iconData, priIconEl = that.getPrimaryIconElement(), secIconEl = that.getSecondaryIconElement(), pressedCssClass = that.options.iconData.primaryPressedCssClass; if (pressedCssClass) { $telerik.$(priIconEl).addClass(pressedCssClass); } that._setBackground(priIconEl, iconData.primaryPressedIconUrl); that._setBackground(secIconEl, iconData.secondaryPressedIconUrl); that.base.mousedown(ev); }, Telerik.Web.UI.Button.IconsUI.prototype.mouseup = function (ev) { var that = this, iconData = that.options.iconData, priIconEl = that.getPrimaryIconElement(), secIconEl = that.getSecondaryIconElement(), isHovered = that.isMouseOverElement(that.element, ev), priIconUrl = isHovered && iconData.primaryHoveredIconUrl ? iconData.primaryHoveredIconUrl : iconData.primaryIconUrl, secIconUrl = isHovered && iconData.secondaryHoveredIconUrl ? iconData.secondaryHoveredIconUrl : iconData.secondaryIconUrl, pressedCssClass = that.options.iconData.primaryPressedCssClass; if (pressedCssClass) { $telerik.$(priIconEl).removeClass(pressedCssClass); } that._setBackground(priIconEl, priIconUrl); that._setBackground(secIconEl, secIconUrl); that.base.mouseup(ev); }; </script>