Spreadsheet Icons: 160+ SVG icons for data grids, spreadsheets, and other data views.

Website   —   Demo   —   Community

Spreadsheet Icons

Spreadsheet Icons are designed to accompany data grids, spreadsheets and other dynamic data views. All icons 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.

• 160+ 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 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 disabled icon style reduce the opacity to 30%

Getting started

Install the icons from npm

npm install @handsontable/spreadsheet-icons

Use SVG as an <img> element

<img src="/path/exclamation-mark.svg" alt="Exclamation mark">

Use SVG inline with HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    <path d="M13.42,9.7l-.65,5.18H11.23L10.58,9.7V5.25h2.84Zm0,9.05H10.58V15.92h2.84Z"/>
</svg>

Documentation

The documentation is available on Handsontable DataGrid docs.

Licensing

This project is a part of Handsontable software. You can either use a free license for all your non-commercial projects or purchase a commercial license.

Copyright (c) Handsoncode sp. z o.o.