@handsontable/spreadsheet-icons

Spreadsheet icons - a minimalistic icon set for data views (data grids, spreadsheets and tables)

Usage no npm install needed!

<script type="module">
  import handsontableSpreadsheetIcons from 'https://cdn.skypack.dev/@handsontable/spreadsheet-icons';
</script>

README

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 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.