New to Telerik UI for BlazorStart a free 30-day trial

New Icon Names in Telerik UI for Blazor 4.0

Environment

ProductUI for Blazor
Product Version4.x

Description

Telerik UI for Blazor version 4.0 renamed some of the built-in icons. Using the old icon names won't work and may produce errors, depending on the exact component configuration.

Solution

While the below listed names will render the proper icons, the recommended approach for declaring icons is to use FontIcon or SvgIcon followed by PascalCase for the icon name. See details in Icons List.

Here is a list of the renamed icons:

Icon name in 3.xIcon name in 4.x
arrow-45-up-right, collapse-ne, resize-necaret-tr
arrow-45-down-left, collapse-sw, resize-swcaret-bl
arrow-45-up-left, collapse-nw, resize-nwcaret-tl
arrow-60-up, arrow-n, kpi-trend-increase, expand-n, sarrow-ncaret-alt-up
arrow-60-right, arrow-e, expand, expand-e, sarrow-ecaret-alt-right
arrow-60-down, arrow-s, kpi-trend-decrease, expand-s, collapse, sarrow-scaret-alt-down
arrow-60-left, arrow-w, expand-w, sarrow-wcaret-alt-left
arrow-end-up, seek-ncaret-alt-to-top
arrow-end-right, seek-ecaret-alt-to-right
arrow-end-down, seek-scaret-alt-to-bottom
arrow-end-left, seek-wcaret-alt-to-left
arrow-double-60-up, arrow-seek-upcaret-double-alt-up
arrow-double-60-right, arrow-seek-right, forward-smcaret-double-alt-right
arrow-double-60-down, arrow-seek-downcaret-double-alt-down
arrow-double-60-left, arrow-seek-left, rewind-smcaret-double-alt-left
arrows-kpi, kpi, caret-alt-sortcaret-alt-expand
arrow-chevron-up, arrowhead-nchevron-up
arrow-chevron-right, arrowhead-echevron-right
arrow-chevron-down, arrowhead-schevron-down
arrow-chevron-left, arrowhead-wchevron-left
arrow-drilllevel-down
arrow-parentlevel-up
arrow-root, level-rootlevel-to-top
arrows-resizingcol-resize
arrows-dimensions, dimensionarrows-axes
page-layoutlayout-2-by-2
hamburgermenu
more-v, vbarsmore-vertical
more-h, hbarsmore-horizontal
roothome
undo-largeundo
redo-largeredo
resetarrow-rotate-ccw
reload, refresh, recurrence, arrows-repeatarrow-rotate-cw
non-recurrence, refresh-cleararrows-no-repeat
reset-smarrow-rotate-ccw-small
reload-sm, refresh-sm, recurrence-sm, arrows-repeat-smarrow-rotate-cw-small
floppysave
printerprint
editpencil
deletetrash
attachment, clippaperclip
attachment-45, clip-45paperclip-alt
link-horizontal, hyperlink, link-hlink
unlink-horizontal, hyperlink-remove, unlink-hunlink
link-vlink-vertical
unlink-vunlink-vertical
denycancel-outline
checkmark, tickcheck
checkmark-outline, successcheck-outline
checkmark-circlecheck-circle
close, clear, times, group-deletex
close-outline, clear-outline, times-outline, errorx-outline
close-circle, clear-circle, times-circlex-circle
addplus
add-outlineplus-outline
add-circleplus-circle
kpi-trend-equalminus
unsortsort-clear
sort-asc-smsort-asc-small
sort-desc-smsort-desc-small
filter-smfilter-small
filter-sort-asc-smfilter-sort-asc-small
filter-sort-desc-smfilter-sort-desc-small
sign-inlogin
sign-outlogout
window-maximize, maximizewindow
windows, tiles, restorewindow-restore
minimizewindow-minimize
cog, customgear
cogsgears
settingswrench
previeweye
zoomsearch
pan, movearrows-move
shopping-cartcart
splusplus-sm
sminusminus-sm
cursorpointer
volume-lowvolume-down
volume-highvolume-up
volume-offvolume-mute
subtitlesclosed-captions
audiomusic-notes
fav-outline, favorite-outlineheart-outline
fav, favoriteheart
bookmark-outlinestar-outline
bookmarkstar
shape-rectcheckbox
tri-state-indeterminatecheckbox-indeterminate
tri-state-nullcheckbox-null
shape-circleradiobutton
notificationbell
information, info, noteinfo-circle
question, helpquestion-circle
warning, exceptionexclamation-circle
photo-cameracamera
photoimage
photo-exportimage-export
flip-hflip-horizontal
flip-vflip-vertical
rotate-cwrotate-right
rotate-ccwrotate-left
paint, backgrounddroplet
lineshape-line
saturationsliders
opacitytransparency
shapeshapes
front-elementbring-to-front
back-elementbring-to-back
forward-elementbring-forward
backward-elementbring-backward
align-left-elementalign-self-start
align-center-elementalign-self-center
align-right-elementalign-self-end
align-top-elementalign-self-start-alt
align-middle-elementalign-self-center-alt
align-bottom-elementalign-self-end-alt
full-screen, fullscreen-enterfullscreen
full-screen-exitfullscreen-exit
reset-color, paint-remove, background-removedroplet-slash
images, galleryphotos
align-stretch-element-horizontalalign-self-stretch
align-stretch-element-verticalalign-self-stretch-alt
align-left-elementsalign-items-start
align-center-elementsalign-items-center
align-right-elementsalign-items-end
align-stretch-elements-horizontalalign-items-stretch
align-baseline-horizontalalign-items-baseline
align-top-elementsalign-items-start-alt
align-middle-elementsalign-items-center-alt
align-bottom-elementsalign-items-end-alt
align-stretch-elements-verticalalign-items-stretch-alt
align-baseline-verticalalign-items-baseline-alt
justify-start-horizontaljustify-content-start
justify-center-horizontaljustify-content-center
justify-end-horizontaljustify-content-end
justify-between-horizontaljustify-content-between
justify-around-horizontaljustify-content-around
justify-start-verticaljustify-content-start-alt
justify-center-verticaljustify-content-center-alt
justify-end-verticaljustify-content-end-alt
justify-between-verticaljustify-content-between-alt
justify-around-verticaljustify-content-around-alt
page-propertiesfile-wrench
textforeground-color
strike-throughstrikethrough
sub-scriptsubscript
sup-script, superscriptsupscript
list-numbered, insert-ordered-listlist-ordered
list-bulleted, insert-unordered-listlist-unordered
indent-increaseindent
indent-decreaseoutdent
insert-up, insert-ninsert-top
insert-minsert-middle
insert-down, insert-sinsert-bottom
justify-leftalign-left
justify-centeralign-center
justify-leftalign-right
justify-fullalign-justify
justify-clearalign-remove
rule-horizontal, hrhorizontal-rule
all-bordersborders-all
outside-bordersborders-outside
inside-bordersborders-inside
border-inside-h, inside-horizontal-bordersborders-inside-horizontal
borders-inside-v, inside-vertical-bordersborders-inside-vertical
top-borderborder-top
bottom-borderborder-bottom
left-borderborder-left
right-borderborder-right
border-no, no-bordersborders-none
borderform
dictionary-addbook
image-light-dialog, image-insert, insert-imageimage-add
comments-remove-allcomments-remove
find-and-replace, findbinoculars
filescopy
pasteclipboard
paste-as-htmlclipboard-code
paste-from-wordclipboard-word
paste-from-word-strip-fileclipboard-word-alt
paste-htmlclipboard-html
paste-markdownclipboard-markdown
paste-plain-textclipboard-text
clearformatclear-css
style-builderbuilding-blocks
module-manager, puzzlepuzzle-piece
hyperlink-light-dialog, hyperlink-insertlink-add
hyperlink-globeglobe-link
hyperlink-globe-removeglobe-unlink
hyperlink-emailenvelope-link
table-light-dialog, table-insert, create-tabletable-add
add-column-lefttable-column-insert-left
add-column-righttable-column-insert-right
add-row-abovetable-row-insert-above
add-row-belowtable-row-insert-below
delete-columntable-column-delete
delete-rowtable-row-delete
merge-cellscells-merge
cells-merge-h, merge-horizontallycells-merge-horizontally
cells-merge-v, merge-verticallycells-merge-vertically
cells-split-hcell-split-horizontally
cells-split-vcell-split-vertically
normal-layouttable-unmerge
freeze-panepane-freeze
freeze-rowrow-freeze
col-freeze, freeze-colcolumn-freeze
fxformula-fx
currencydollar
format-numbercustom-format
increace-decimaldecimal-increase
decrease-decimaldecimal-decrease
marker-pinmap-marker
marker-pin-targetmap-marker-target
email, letterenvelope
email-box, letter-boxenvelope-box
fields-morefolder-more
file-vertical, page-portrait, file-vfile
insert-filefile-add
txtfile-txt
csvfile-csv
file-xls, excel, xls, xlsafile-excel
file-doc, word, docfile-word
mdbfile-mdb
pptfile-ppt
pdf, pdfafile-pdf
psdfile-psd
flashfile-flash
configfile-config
ascxfile-ascx
bacfile-bac
zipfile-zip
html, source-code, view-sourcecode
page-landscape, file-hfile-horizontal
file-validationfile-error
files-validationfiles-error
table-position-lefttable-position-start
table-position-righttable-position-end

See Also