vaadin-icons | Vaadin

Vaadin Icons is a collection of 600+ unique icons designed for web applications

npm version Bower version Published on Build status Gitter

Published on Vaadin Directory Stars on

Vaadin Icons

Screenshot of some icons in the Vaadin Icons collection

Vaadin Icons is a set of 600+ icons designed for web applications. Free to use, anywhere!

Visit for more information and instructions how to get started using them.


The Vaadin components are distributed as Bower and npm packages. Please note that the version range is the same, as the API has not changed. You should not mix Bower and npm versions in the same application, though.

Unlike the official Polymer Elements, the converted Polymer 3 compatible Vaadin components are only published on npm, not pushed to GitHub repositories.

Polymer 2 and HTML Imports compatible version

Install vaadin-icons:

bower i vaadin/vaadin-icons --save

Once installed, import it in your application:

<link rel="import" href="bower_components/vaadin-icons/vaadin-icons.html">

Polymer 3 and ES Modules compatible version

Install vaadin-icons:

npm i @vaadin/vaadin-icons --save

Once installed, import it in your application:

import '@vaadin/vaadin-icons/vaadin-icons.js';

Running demos in browser

  1. Install polymer-cli: npm install -g polymer-cli

  2. When in the vaadin-icons directory, run bower install to install Bower dependencies

  3. Run npm start, after that you will be able to access:


The icon files (SVG, PNG, fonts) are licensed under Creative Commons CC-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.


Link to this version
ImportedReleased 18 March 2019Apache License 2.0
Framework Support
Polymer 2.0+
Polymer 3.0+
Also supported:
Polymer 1 (3.0.0)
Browser Independent
Install with
npm install @vaadin/vaadin-icons"@4.3.1"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 4.3.1


  • @polymer/polymer#^3.0.0
  • @polymer/iron-icon#^3.0.0
  • @polymer/iron-iconset-svg#^3.0.0