New to Telerik UI for Blazor? Download free 30-day trial

Migration from the obsolete `IconName` class

Environment

Product UI for Blazor
Version 3.x

Description

If you have used the obsolete Telerik.Blazor.IconName class, here is the list of icon names in its stead. The Built-in Icons page provides an up-to-date list of all available font icons in our themes.

  • IconName.Undo -> undo;
  • IconName.Redo -> redo;
  • IconName.Reset -> reset;
  • IconName.Reload -> reload;
  • IconName.NonRecurrence -> non-recurrence;
  • IconName.ResetSm -> reset-sm;
  • IconName.ReloadSm -> reload-sm;
  • IconName.Clock -> clock;
  • IconName.Calendar -> calendar;
  • IconName.Save -> save;
  • IconName.Print -> print;
  • IconName.Edit -> edit;
  • IconName.Delete -> delete;
  • IconName.Attachment -> attachment;
  • IconName.Attachment45 -> attachment-45;
  • IconName.LinkHorizontal -> link-horizontal;
  • IconName.UnlinkHorizontal -> unlink-horizontal;
  • IconName.LinkVertical -> link-vertical;
  • IconName.UnlinkVertical -> unlink-vertical;
  • IconName.Lock -> lock;
  • IconName.Unlock -> unlock;
  • IconName.Cancel -> cancel;
  • IconName.CancelOutline -> cancel-outline;
  • IconName.CancelCircle -> cancel-circle;
  • IconName.Check -> check;
  • IconName.CheckOutline -> check-outline;
  • IconName.CheckCircle -> check-circle;
  • IconName.Close -> close;
  • IconName.CloseOutline -> close-outline;
  • IconName.CloseCircle -> close-circle;
  • IconName.Plus -> plus;
  • IconName.PlusOutline -> plus-outline;
  • IconName.PlusCircle -> plus-circle;
  • IconName.Minus -> minus;
  • IconName.MinusOutline -> minus-outline;
  • IconName.MinusCircle -> minus-circle;
  • IconName.SortAsc -> sort-asc;
  • IconName.SortDesc -> sort-desc;
  • IconName.Unsort -> unsort;
  • IconName.SortClear -> sort-clear;
  • IconName.SortAscSm -> sort-asc-sm;
  • IconName.SortDescSm -> sort-desc-sm;
  • IconName.Filter -> filter;
  • IconName.FilterClear -> filter-clear;
  • IconName.FilterSm -> filter-sm;
  • IconName.FilterSortAscSm -> filter-sort-asc-sm;
  • IconName.FilterSortDescSm -> filter-sort-desc-sm;
  • IconName.FilterAddExpression -> filter-add-expression;
  • IconName.FilterAddGroup -> filter-add-group;
  • IconName.Login -> login;
  • IconName.Logout -> logout;
  • IconName.Download -> download;
  • IconName.Upload -> upload;
  • IconName.HyperlinkOpen -> hyperlink-open;
  • IconName.HyperlinkOpenSm -> hyperlink-open-sm;
  • IconName.Launch -> launch;
  • IconName.Window -> window;
  • IconName.Windows -> windows;
  • IconName.WindowMinimize -> window-minimize;
  • IconName.Gear -> gear;
  • IconName.Gears -> gears;
  • IconName.Wrench -> wrench;
  • IconName.Preview -> preview;
  • IconName.Zoom -> zoom;
  • IconName.ZoomIn -> zoom-in;
  • IconName.ZoomOut -> zoom-out;
  • IconName.Pan -> pan;
  • IconName.Calculator -> calculator;
  • IconName.Cart -> cart;
  • IconName.Connector -> connector;
  • IconName.PlusSm -> plus-sm;
  • IconName.MinusSm -> minus-sm;
  • IconName.KpiStatusDeny -> kpi-status-deny;
  • IconName.KpiStatusHold -> kpi-status-hold;
  • IconName.KpiStatusOpen -> kpi-status-open;
  • IconName.Notification -> notification;
  • IconName.Information -> information;
  • IconName.Question -> question;
  • IconName.Warning -> warning;
  • IconName.PageProperties -> page-properties;
  • IconName.Bold -> bold;
  • IconName.Italic -> italic;
  • IconName.Underline -> underline;
  • IconName.FontFamily -> font-family;
  • IconName.ForegroundColor -> foreground-color;
  • IconName.ConvertLowercase -> convert-lowercase;
  • IconName.ConvertUppercase -> convert-uppercase;
  • IconName.Strikethrough -> strikethrough;
  • IconName.SubScript -> sub-script;
  • IconName.SupScript -> sup-script;
  • IconName.Div -> div;
  • IconName.All -> all;
  • IconName.H1 -> h1;
  • IconName.H2 -> h2;
  • IconName.H3 -> h3;
  • IconName.H4 -> h4;
  • IconName.H5 -> h5;
  • IconName.H6 -> h6;
  • IconName.ListOrdered -> list-ordered;
  • IconName.ListUnordered -> list-unordered;
  • IconName.IndentIncrease -> indent-increase;
  • IconName.IndentDecrease -> indent-decrease;
  • IconName.InsertUp -> insert-up;
  • IconName.InsertMiddle -> insert-middle;
  • IconName.InsertDown -> insert-down;
  • IconName.AlignTop -> align-top;
  • IconName.AlignMiddle -> align-middle;
  • IconName.AlignBottom -> align-bottom;
  • IconName.AlignLeft -> align-left;
  • IconName.AlignCenter -> align-center;
  • IconName.AlignRight -> align-right;
  • IconName.AlignJustify -> align-justify;
  • IconName.AlignRemove -> align-remove;
  • IconName.TextWrap -> text-wrap;
  • IconName.RuleHorizontal -> rule-horizontal;
  • IconName.TableAlignTopLeft -> table-align-top-left;
  • IconName.TableAlignTopCenter -> table-align-top-center;
  • IconName.TableAlignTopRight -> table-align-top-right;
  • IconName.TableAlignMiddleLeft -> table-align-middle-left;
  • IconName.TableAlignMiddleCenter -> table-align-middle-center;
  • IconName.TableAlignMiddleRight -> table-align-middle-right;
  • IconName.TableAlignBottomLeft -> table-align-bottom-left;
  • IconName.TableAlignBottomCenter -> table-align-bottom-center;
  • IconName.TableAlignBottomRight -> table-align-bottom-right;
  • IconName.TableAlignRemove -> table-align-remove;
  • IconName.BordersAll -> borders-all;
  • IconName.BordersOutside -> borders-outside;
  • IconName.BordersInside -> borders-inside;
  • IconName.BordersInsideHorizontal -> borders-inside-horizontal;
  • IconName.BordersInsideVertical -> borders-inside-vertical;
  • IconName.BorderTop -> border-top;
  • IconName.BorderBottom -> border-bottom;
  • IconName.BorderLeft -> border-left;
  • IconName.BorderRight -> border-right;
  • IconName.BorderNo -> border-no;
  • IconName.BordersShowHide -> borders-show-hide;
  • IconName.Form -> form;
  • IconName.FormElement -> form-element;
  • IconName.CodeSnippet -> code-snippet;
  • IconName.SelectAll -> select-all;
  • IconName.Button -> button;
  • IconName.SelectBox -> select-box;
  • IconName.CalendarDate -> calendar-date;
  • IconName.GroupBox -> group-box;
  • IconName.Textarea -> textarea;
  • IconName.Textbox -> textbox;
  • IconName.TextboxHidden -> textbox-hidden;
  • IconName.Password -> password;
  • IconName.ParagraphAdd -> paragraph-add;
  • IconName.EditTools -> edit-tools;
  • IconName.TemplateManager -> template-manager;
  • IconName.ChangeManually -> change-manually;
  • IconName.TrackChanges -> track-changes;
  • IconName.TrackChangesEnable -> track-changes-enable;
  • IconName.TrackChangesAccept -> track-changes-accept;
  • IconName.TrackChangesAcceptAll -> track-changes-accept-all;
  • IconName.TrackChangesReject -> track-changes-reject;
  • IconName.TrackChangesRejectAll -> track-changes-reject-all;
  • IconName.DocumentManager -> document-manager;
  • IconName.CustomIcon -> custom-icon;
  • IconName.DictionaryAdd -> dictionary-add;
  • IconName.ImageLightDialog -> image-light-dialog;
  • IconName.ImageEdit -> image-edit;
  • IconName.ImageMapEditor -> image-map-editor;
  • IconName.Comment -> comment;
  • IconName.CommentRemove -> comment-remove;
  • IconName.CommentsRemoveAll -> comments-remove-all;
  • IconName.Silverlight -> silverlight;
  • IconName.MediaManager -> media-manager;
  • IconName.VideoExternal -> video-external;
  • IconName.FlashManager -> flash-manager;
  • IconName.FindAndReplace -> find-and-replace;
  • IconName.Copy -> copy;
  • IconName.Cut -> cut;
  • IconName.Paste -> paste;
  • IconName.PasteAsHtml -> paste-as-html;
  • IconName.PasteFromWord -> paste-from-word;
  • IconName.PasteFromWordStripFile -> paste-from-word-strip-file;
  • IconName.PasteHtml -> paste-html;
  • IconName.PasteMarkdown -> paste-markdown;
  • IconName.PastePlainText -> paste-plain-text;
  • IconName.ApplyFormat -> apply-format;
  • IconName.ClearCss -> clear-css;
  • IconName.CopyFormat -> copy-format;
  • IconName.StripAllFormating -> strip-all-formating;
  • IconName.StripCssFormat -> strip-css-format;
  • IconName.StripFontElements -> strip-font-elements;
  • IconName.StripSpanElements -> strip-span-elements;
  • IconName.StripWordFormatting -> strip-word-formatting;
  • IconName.FormatCodeBlock -> format-code-block;
  • IconName.StyleBuilder -> style-builder;
  • IconName.ModuleManager -> module-manager;
  • IconName.HyperlinkLightDialog -> hyperlink-light-dialog;
  • IconName.HyperlinkGlobe -> hyperlink-globe;
  • IconName.HyperlinkGlobeRemove -> hyperlink-globe-remove;
  • IconName.HyperlinkEmail -> hyperlink-email;
  • IconName.Anchor -> anchor;
  • IconName.TableLightDialog -> table-light-dialog;
  • IconName.Table -> table;
  • IconName.TableInsert -> table-insert;
  • IconName.TableProperties -> table-properties;
  • IconName.TableCell -> table-cell;
  • IconName.TableCellProperties -> table-cell-properties;
  • IconName.TableColumnInsertLeft -> table-column-insert-left;
  • IconName.TableColumnInsertRight -> table-column-insert-right;
  • IconName.TableRowInsertAbove -> table-row-insert-above;
  • IconName.TableRowInsertBelow -> table-row-insert-below;
  • IconName.TableColumnDelete -> table-column-delete;
  • IconName.TableRowDelete -> table-row-delete;
  • IconName.TableCellDelete -> table-cell-delete;
  • IconName.TableDelete -> table-delete;
  • IconName.CellsMerge -> cells-merge;
  • IconName.CellsMergeHorizontally -> cells-merge-horizontally;
  • IconName.CellsMergeVertically -> cells-merge-vertically;
  • IconName.CellSplitHorizontally -> cell-split-horizontally;
  • IconName.CellSplitVertically -> cell-split-vertically;
  • IconName.PaneFreeze -> pane-freeze;
  • IconName.RowFreeze -> row-freeze;
  • IconName.ColumnFreeze -> column-freeze;
  • IconName.ToolbarFloat -> toolbar-float;
  • IconName.SpellChecker -> spell-checker;
  • IconName.ValidationXhtml -> validation-xhtml;
  • IconName.ValidationData -> validation-data;
  • IconName.ToggleFullScreenMode -> toggle-full-screen-mode;
  • IconName.FormulaFx -> formula-fx;
  • IconName.Sum -> sum;
  • IconName.Symbol -> symbol;
  • IconName.Dollar -> dollar;
  • IconName.Percent -> percent;
  • IconName.CustomFormat -> custom-format;
  • IconName.DecimalIncrease -> decimal-increase;
  • IconName.DecimalDecrease -> decimal-decrease;
  • IconName.FontSize -> font-size;
  • IconName.ImageAbsolutePosition -> image-absolute-position;
  • IconName.Folder -> folder;
  • IconName.FolderOpen -> folder-open;
  • IconName.FolderAdd -> folder-add;
  • IconName.FolderUp -> folder-up;
  • IconName.FolderMore -> folder-more;
  • IconName.AggregateFields -> aggregate-fields;
  • IconName.File -> file;
  • IconName.FileAdd -> file-add;
  • IconName.FileTxt -> file-txt;
  • IconName.FileCsv -> file-csv;
  • IconName.FileExcel -> file-excel;
  • IconName.FileWord -> file-word;
  • IconName.FileMdb -> file-mdb;
  • IconName.FilePpt -> file-ppt;
  • IconName.FilePdf -> file-pdf;
  • IconName.FilePsd -> file-psd;
  • IconName.FileFlash -> file-flash;
  • IconName.FileConfig -> file-config;
  • IconName.FileAscx -> file-ascx;
  • IconName.FileBac -> file-bac;
  • IconName.FileZip -> file-zip;
  • IconName.Film -> film;
  • IconName.Css3 -> css3;
  • IconName.Html5 -> html5;
  • IconName.Html -> html;
  • IconName.Css -> css;
  • IconName.Js -> js;
  • IconName.Exe -> exe;
  • IconName.Csproj -> csproj;
  • IconName.Vbproj -> vbproj;
  • IconName.Cs -> cs;
  • IconName.Vb -> vb;
  • IconName.Sln -> sln;
  • IconName.Cloud -> cloud;
  • IconName.FileHorizontal -> file-horizontal;
  • IconName.PhotoCamera -> photo-camera;
  • IconName.Image -> image;
  • IconName.ImageExport -> image-export;
  • IconName.ZoomActualSize -> zoom-actual-size;
  • IconName.ZoomBestFit -> zoom-best-fit;
  • IconName.ImageResize -> image-resize;
  • IconName.Crop -> crop;
  • IconName.Mirror -> mirror;
  • IconName.FlipHorizontal -> flip-horizontal;
  • IconName.FlipVertical -> flip-vertical;
  • IconName.Rotate -> rotate;
  • IconName.RotateRight -> rotate-right;
  • IconName.RotateLeft -> rotate-left;
  • IconName.Brush -> brush;
  • IconName.Palette -> palette;
  • IconName.Paint -> paint;
  • IconName.Line -> line;
  • IconName.BrightnessContrast -> brightness-contrast;
  • IconName.Saturation -> saturation;
  • IconName.InvertColors -> invert-colors;
  • IconName.Transperancy -> transperancy;
  • IconName.Greyscale -> greyscale;
  • IconName.Blur -> blur;
  • IconName.Sharpen -> sharpen;
  • IconName.Shape -> shape;
  • IconName.RoundCorners -> round-corners;
  • IconName.FrontElement -> front-element;
  • IconName.BackElement -> back-element;
  • IconName.ForwardElement -> forward-element;
  • IconName.BackwardElement -> backward-element;
  • IconName.AlignLeftElement -> align-left-element;
  • IconName.AlignCenterElement -> align-center-element;
  • IconName.AlignRightElement -> align-right-element;
  • IconName.AlignTopElement -> align-top-element;
  • IconName.AlignMiddleElement -> align-middle-element;
  • IconName.AlignBottomElement -> align-bottom-element;
  • IconName.ThumbnailsUp -> thumbnails-up;
  • IconName.ThumbnailsRight -> thumbnails-right;
  • IconName.ThumbnailsDown -> thumbnails-down;
  • IconName.ThumbnailsLeft -> thumbnails-left;
  • IconName.FullScreen -> full-screen;
  • IconName.FullScreenExit -> full-screen-exit;
  • IconName.ResetColor -> reset-color;
  • IconName.Arrow45UpRight -> arrow-45-up-right;
  • IconName.Arrow45DownRight -> arrow-45-down-right;
  • IconName.Arrow45DownLeft -> arrow-45-down-left;
  • IconName.Arrow45UpLeft -> arrow-45-up-left;
  • IconName.Arrow60Up -> arrow-60-up;
  • IconName.Arrow60Right -> arrow-60-right;
  • IconName.Arrow60Down -> arrow-60-down;
  • IconName.Arrow60Left -> arrow-60-left;
  • IconName.ArrowEndUp -> arrow-end-up;
  • IconName.ArrowEndRight -> arrow-end-right;
  • IconName.ArrowEndDown -> arrow-end-down;
  • IconName.ArrowEndLeft -> arrow-end-left;
  • IconName.ArrowDouble60Up -> arrow-double-60-up;
  • IconName.ArrowSeekUp -> arrow-seek-up;
  • IconName.ArrowDouble60Right -> arrow-double-60-right;
  • IconName.ArrowSeekRight -> arrow-seek-right;
  • IconName.ArrowDouble60Down -> arrow-double-60-down;
  • IconName.ArrowSeekDown -> arrow-seek-down;
  • IconName.ArrowDouble60Left -> arrow-double-60-left;
  • IconName.ArrowsKpi -> arrows-kpi;
  • IconName.ArrowsNoChange -> arrows-no-change;
  • IconName.ArrowOverflowDown -> arrow-overflow-down;
  • IconName.ArrowChevronUp -> arrow-chevron-up;
  • IconName.ArrowChevronRight -> arrow-chevron-right;
  • IconName.ArrowChevronDown -> arrow-chevron-down;
  • IconName.ArrowChevronLeft -> arrow-chevron-left;
  • IconName.ArrowUp -> arrow-up;
  • IconName.ArrowRight -> arrow-right;
  • IconName.ArrowDown -> arrow-down;
  • IconName.ArrowLeft -> arrow-left;
  • IconName.ArrowDrill -> arrow-drill;
  • IconName.ArrowParent -> arrow-parent;
  • IconName.ArrowRoot -> arrow-root;
  • IconName.ArrowsResizing -> arrows-resizing;
  • IconName.ArrowsDimensions -> arrows-dimensions;
  • IconName.ArrowsSwap -> arrows-swap;
  • IconName.DragAndDrop -> drag-and-drop;
  • IconName.Categorize -> categorize;
  • IconName.Grid -> grid;
  • IconName.GridLayout -> grid-layout;
  • IconName.Group -> group;
  • IconName.Ungroup -> ungroup;
  • IconName.HandlerDrag -> handler-drag;
  • IconName.Layout -> layout;
  • IconName.Layout1By4 -> layout-1-by-4;
  • IconName.Layout2By2 -> layout-2-by-2;
  • IconName.LayoutSideBySide -> layout-side-by-side;
  • IconName.LayoutStacked -> layout-stacked;
  • IconName.Columns -> columns;
  • IconName.Rows -> rows;
  • IconName.Reorder -> reorder;
  • IconName.Menu -> menu;
  • IconName.MoreVertical -> more-vertical;
  • IconName.MoreHorizontal -> more-horizontal;
  • IconName.GlobeOutline -> globe-outline;
  • IconName.Globe -> globe;
  • IconName.MarkerPin -> marker-pin;
  • IconName.MarkerPinTarget -> marker-pin-target;
  • IconName.Pin -> pin;
  • IconName.Unpin -> unpin;
  • IconName.Play -> play;
  • IconName.Pause -> pause;
  • IconName.Stop -> stop;
  • IconName.Rewind -> rewind;
  • IconName.Forward -> forward;
  • IconName.VolumeDown -> volume-down;
  • IconName.VolumeUp -> volume-up;
  • IconName.VolumeOff -> volume-off;
  • IconName.Hd -> hd;
  • IconName.Subtitles -> subtitles;
  • IconName.Playlist -> playlist;
  • IconName.Audio -> audio;
  • IconName.Share -> share;
  • IconName.User -> user;
  • IconName.Inbox -> inbox;
  • IconName.Blogger -> blogger;
  • IconName.BloggerBox -> blogger-box;
  • IconName.Delicious -> delicious;
  • IconName.DeliciousBox -> delicious-box;
  • IconName.Digg -> digg;
  • IconName.DiggBox -> digg-box;
  • IconName.Email -> email;
  • IconName.EmailBox -> email-box;
  • IconName.Facebook -> facebook;
  • IconName.FacebookBox -> facebook-box;
  • IconName.Google -> google;
  • IconName.GoogleBox -> google-box;
  • IconName.GooglePlus -> google-plus;
  • IconName.GooglePlusBox -> google-plus-box;
  • IconName.Linkedin -> linkedin;
  • IconName.LinkedinBox -> linkedin-box;
  • IconName.Myspace -> myspace;
  • IconName.MyspaceBox -> myspace-box;
  • IconName.Pinterest -> pinterest;
  • IconName.PinterestBox -> pinterest-box;
  • IconName.Reddit -> reddit;
  • IconName.RedditBox -> reddit-box;
  • IconName.StumbleUpon -> stumble-upon;
  • IconName.StumbleUponBox -> stumble-upon-box;
  • IconName.TellAFriend -> tell-a-friend;
  • IconName.TellAFriendBox -> tell-a-friend-box;
  • IconName.Tumblr -> tumblr;
  • IconName.TumblrBox -> tumblr-box;
  • IconName.Twitter -> twitter;
  • IconName.TwitterBox -> twitter-box;
  • IconName.Yammer -> yammer;
  • IconName.YammerBox -> yammer-box;
  • IconName.Behance -> behance;
  • IconName.BehanceBox -> behance-box;
  • IconName.Dribbble -> dribbble;
  • IconName.DribbbleBox -> dribbble-box;
  • IconName.Rss -> rss;
  • IconName.RssBox -> rss-box;
  • IconName.Vimeo -> vimeo;
  • IconName.VimeoBox -> vimeo-box;
  • IconName.Youtube -> youtube;
  • IconName.YoutubeBox -> youtube-box;
  • IconName.HeartOutline -> heart-outline;
  • IconName.Heart -> heart;
  • IconName.StarOutline -> star-outline;
  • IconName.Star -> star;
  • IconName.Checkbox -> checkbox;
  • IconName.CheckboxChecked -> checkbox-checked;
  • IconName.TriStateIndeterminate -> tri-state-indeterminate;
  • IconName.TriStateNull -> tri-state-null;
  • IconName.Circle -> circle;
  • IconName.Radiobutton -> radiobutton;
  • IconName.RadiobuttonChecked -> radiobutton-checked;
In this article