Icon pack
The Handsontable icon pack is a standalone set of 169 SVG icons for building your own toolbars, menu bars, and context menus around a data grid. Download the package and inline the icons you need in your own UI.
Overview
Spreadsheet icons are designed to accompany data grids, spreadsheets, and other dynamic data views. They are clean, consistent, and lightweight. You can use them to create toolbars, menu bars, and context menus. They look great at any scale and screen resolution.
This icon pack is a separate, downloadable design asset. It is not the icon set the grid renders internally (for example, in the built-in context menu or column sorting indicators) — for those, see Themes.
- 169 SVG icons.
- Recommended size is 24px or scaled accordingly — 18, 24, or 36px.
- Recommended color on light background is black at 75% opacity —
rgba(0, 0, 0, 0.75). For a disabled icon style, reduce the opacity to 35%. - Recommended color on dark background is white at 80% opacity —
rgba(255, 255, 255, 0.8). For a disabled icon style, reduce the opacity to 30%. - Icons are decorative SVGs with no built-in accessible name. When you use one in an icon-only control, add an
aria-labelto the control itself, not to the icon. See Use icons in cells for a worked example.
Download the package
Download the full set from the git repository or from npm like so:
npm install @handsontable/spreadsheet-iconsAll icons
Showing all 169 icons.
No icons match your search.