# @vaadin/icons

A set of 600+ icons designed for web applications.

[Documentation + Live Demo ↗](https://vaadin.com/docs/latest/components/icons/default-icons#vaadin-icons)

[![npm version](https://badgen.net/npm/v/@vaadin/icons)](https://www.npmjs.com/package/@vaadin/icons)

[<img src="https://raw.githubusercontent.com/vaadin/web-components/main/packages/icons/screenshot.png" width="728" alt="Screenshot of vaadin-icons">](https://vaadin.com/docs/latest/components/icons/default-icons#vaadin-icons)

## Installation

Install the iconset:

```sh
npm i @vaadin/icons
```

Once installed, import it in your application:

```js
import '@vaadin/icons';
```

To display an icon, use [`<vaadin-icon>`](https://www.npmjs.com/package/@vaadin/icon) element:

```html
<vaadin-icon icon="vaadin:phone"></vaadin-icon>
```

## License

The icon files (SVG, PNG, fonts) are licensed under Creative Commons [CC-BY 4.0](https://creativecommons.org/licenses/by/4.0/) license.

The source code in this repository is licensed under Apache License 2.0.

All brand icons are trademarks of their respective owners.
The use of these trademarks does not indicate endorsement of the trademark holder by Vaadin Icons, nor vice versa.