Getting Started
Components
- Barcodes
- Buttons
- Chartsupdated
- Conversational UIupdated
- Data Query
- Date Inputsupdated
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Filter
- Gantt
- Gauges
- Gridupdated
- Icons
- - Overview
  - Getting Started
  - Icon
  - SVGIcon
  - Icon Settings
  - API
- Indicators
- Inputsupdated
- Labels
- Layout
- ListBox
- ListView
- Map
- Menus
- Navigation
- Notification
- Pager
- PDF Export
- PDFViewer
- PivotGridupdated
- Popup
- ProgressBars
- Ripple
- Schedulerupdated
- ScrollView
- Sortable
- Spreadsheetupdated
- ToolBar
- Tooltips
- TreeList
- TreeView
- Typography
- Uploads
- Utilities
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Components / Icons / API / IconSize /

New to Kendo UI for Angular? Start a free 30-day trial

IconSize

Specifies the size of the icon.

The possible values are:

default (Default)—Font-size: 16px; Width: 16px; Height: 16px.
xsmall—Font-size: 12px; Width: 12px; Height: 12px.
small—Font-size: 14px; Width: 14px; Height: 14px.
medium—Font-size: 16px; Width: 16px; Height: 16px.
large—Font-size: 20px; Width: 20px; Height: 20px.
xlarge—Font-size: 24px; Width: 24px; Height: 24px.
xxlarge—Font-size: 32px; Width: 32px; Height: 32px.
xxxlarge—Font-size: 48px; Width: 48px; Height: 48px.

type IconSize = "default" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge";