@vaadin/icons 22.0.0-beta1 → 22.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/README.md +15 -10
  2. package/package.json +3 -3
package/README.md CHANGED
@@ -1,27 +1,32 @@
1
- # Vaadin Icons
1
+ # @vaadin/icons
2
2
 
3
- [![npm version](https://badgen.net/npm/v/@vaadin/icons)](https://www.npmjs.com/package/@vaadin/icons)
4
- [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadinvaadin-icons)
5
- [![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC)
3
+ A set of 600+ icons designed for web applications.
6
4
 
7
- [<img src="https://raw.github.com/vaadin/vaadin-icons/master/screenshot.png" width="611" alt="Screenshot of some icons in the Vaadin Icons collection" />](https://vaadin.com/icons)
5
+ [Documentation + Live Demo ](https://vaadin.com/docs/latest/ds/foundation/icons/vaadin)
8
6
 
9
- [Vaadin Icons](https://vaadin.com/icons) is a set of 600+ icons designed for web applications. Free to use, anywhere!
7
+ [![npm version](https://badgen.net/npm/v/@vaadin/icons)](https://www.npmjs.com/package/@vaadin/icons)
8
+ [![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC)
10
9
 
11
- Visit **https://vaadin.com/icons** for more information and instructions how to get started using them.
10
+ [<img src="https://raw.githubusercontent.com/vaadin/web-components/master/packages/icons/screenshot.png" width="728" alt="Screenshot of vaadin-icons">](https://vaadin.com/docs/latest/ds/foundation/icons/vaadin)
12
11
 
13
12
  ## Installation
14
13
 
15
- Install `vaadin-icons`:
14
+ Install the iconset:
16
15
 
17
16
  ```sh
18
- npm i @vaadin/icons --save
17
+ npm i @vaadin/icons
19
18
  ```
20
19
 
21
20
  Once installed, import it in your application:
22
21
 
23
22
  ```js
24
- import '@vaadin/icons/vaadin-icons.js';
23
+ import '@vaadin/icons';
24
+ ```
25
+
26
+ To display an icon, use [`<vaadin-icon>`](https://www.npmjs.com/package/@vaadin/icon) element:
27
+
28
+ ```html
29
+ <vaadin-icon icon="vaadin:phone"></vaadin-icon>
25
30
  ```
26
31
 
27
32
  ## License
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/icons",
3
- "version": "22.0.0-beta1",
3
+ "version": "22.0.1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -37,7 +37,7 @@
37
37
  "@polymer/iron-icon": "^3.0.0",
38
38
  "@polymer/iron-iconset-svg": "^3.0.0",
39
39
  "@polymer/polymer": "^3.0.0",
40
- "@vaadin/icon": "22.0.0-beta1"
40
+ "@vaadin/icon": "^22.0.1"
41
41
  },
42
42
  "devDependencies": {
43
43
  "cheerio": "^1.0.0-rc.10",
@@ -46,5 +46,5 @@
46
46
  "gulp-concat": "^2.6.1",
47
47
  "gulp-modify": "^0.1.1"
48
48
  },
49
- "gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e"
49
+ "gitHead": "2b0a2bff0369d6020f7cc33ad35506aa2d1f6f68"
50
50
  }